/* Role-aware account hub: calm family space, focused professional handoff. */
:root{
  --acct-ink:#263650;
  --acct-copy:#5c6879;
  --acct-teal:#147d78;
  --acct-teal-dark:#0d625f;
  --acct-coral:#b34a34;
  --acct-blue:#4a5f96;
  --acct-cream:#f7f4ed;
  --acct-line:#e6e1d8;
}
body{color:var(--acct-ink)!important;background:radial-gradient(circle at 4% 17%,rgba(233,120,98,.09),transparent 23rem),radial-gradient(circle at 96% 45%,rgba(113,136,189,.10),transparent 26rem),var(--acct-cream)!important;font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif!important}
.nav{border-bottom:1px solid rgba(38,54,80,.08)!important;background:rgba(255,254,251,.94)!important;box-shadow:0 4px 24px rgba(61,55,45,.05)!important;backdrop-filter:blur(14px)}
.nav-logo,.nav-link,.nav-cta{font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif!important}
.page-hero{position:relative;isolation:isolate;max-width:1120px;min-height:225px;margin:28px auto 22px!important;padding:43px 50px!important;overflow:hidden;text-align:left!important;border:1px solid rgba(38,54,80,.08);border-radius:28px;background:linear-gradient(112deg,rgba(255,255,255,.72),rgba(255,255,255,.12)),linear-gradient(120deg,#fff0e8 0%,#f8efdd 48%,#e9f3ef 100%)!important;box-shadow:0 18px 60px rgba(88,72,54,.09)}
.page-hero::before,.page-hero::after{content:"";position:absolute;z-index:-1;border-radius:999px;transform:rotate(-14deg)}
.page-hero::before{width:255px;height:255px;right:54px;top:-66px;background:rgba(113,136,189,.18);box-shadow:108px 160px 0 -35px rgba(233,120,98,.23)}
.page-hero::after{width:88px;height:88px;right:292px;bottom:-30px;background:rgba(20,125,120,.15)}
.page-hero h1{max-width:710px;margin:8px 0 10px!important;color:var(--acct-ink)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(38px,5vw,56px)!important;font-weight:500!important;letter-spacing:-2px!important;line-height:1!important}
.page-hero p{max-width:610px;margin:0!important;color:var(--acct-copy)!important;font-size:16px!important;font-weight:400!important;line-height:1.55!important}
.account-type-chip{display:inline-flex;align-items:center;min-height:28px;padding:6px 11px;color:var(--acct-coral);border:1px solid rgba(179,74,52,.22);border-radius:999px;background:rgba(255,255,255,.62);font-size:11px;font-weight:750;letter-spacing:1.1px;text-transform:uppercase}

.settings-wrap{max-width:1120px!important;margin:0 auto!important;padding:10px 0 76px!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;align-items:start}
.span-full{grid-column:1/-1}
.settings-card{position:relative;margin:0!important;padding:29px!important;overflow:hidden;border:1px solid rgba(38,54,80,.09)!important;border-radius:20px!important;background:rgba(255,254,251,.97)!important;box-shadow:0 12px 38px rgba(67,57,46,.07)!important}
.settings-card h2{margin:0 0 7px!important;color:var(--acct-ink)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:26px!important;font-weight:500!important;letter-spacing:-.5px!important}
.settings-card .card-desc{color:var(--acct-copy)!important;font-size:14px!important;font-weight:400!important;line-height:1.62!important}
.card-kicker{margin-bottom:8px;color:var(--acct-coral);font-size:11px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase}
.account-context-card{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:170px;padding:34px 38px!important;background:linear-gradient(120deg,#fffdfa,#edf7f3)!important}
.account-context-card::after{content:"";position:absolute;width:165px;height:165px;right:-54px;bottom:-82px;border-radius:50%;background:rgba(20,125,120,.10)}
.professional-context{background:linear-gradient(120deg,#fff9f5,#eef1fb)!important}
.professional-context::after{background:rgba(74,95,150,.12)}
.context-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex-shrink:0}
.btn{min-height:44px!important;display:inline-flex!important;align-items:center;justify-content:center;font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif!important;font-size:14px!important;font-weight:650!important;border-radius:11px!important}
.btn-primary{color:#fff!important;border-color:var(--acct-teal)!important;background:var(--acct-teal)!important;box-shadow:0 7px 18px rgba(20,125,120,.18)}
.btn-primary:hover{background:var(--acct-teal-dark)!important}
.btn-outline{color:var(--acct-teal-dark)!important;border:1px solid #8bc8c3!important;background:#f8fffd!important}
.settings-row{min-height:56px!important;padding:13px 0!important;border-color:var(--acct-line)!important}
.settings-label{color:var(--acct-ink)!important;font-size:13px!important;font-weight:650!important}
.settings-value{color:var(--acct-copy)!important;font-size:13px!important;font-weight:450!important}
.settings-row button:not(.btn){min-height:32px;padding:5px 11px!important;color:var(--acct-teal-dark)!important;border-color:#a8d4cf!important;background:#f8fffd!important;font-size:12px!important;font-weight:650!important}
.account-information-card{border-left:5px solid var(--acct-teal)!important}.data-card{border-left:5px solid var(--acct-blue)!important}.danger-card{border-left:5px solid #c95d51!important;background:#fffaf8!important}
.sub-btn-grid{gap:9px!important}.sub-btn-grid .btn{width:auto!important;flex:1 1 180px}
.cadence-opt{border-width:1px!important}.cadence-opt span{font-weight:650!important}
.status-msg{margin:0!important;border-radius:13px!important;box-shadow:0 8px 24px rgba(61,55,45,.08)}
body.account-professional .family-only{display:none!important}
body.account-professional .nav-cta{display:none!important}
body.account-family #professionalContextCard{display:none!important}
body.account-professional .account-information-card{grid-column:1/2}
body.account-professional .data-card{grid-column:2/3}
body.account-professional #professionalContextCard{display:flex!important}
body.account-professional #accountTypeChip{color:var(--acct-blue);border-color:rgba(74,95,150,.22)}
body.account-professional .danger-card .card-desc{max-width:800px}
footer{color:#5f6b67!important;background:transparent!important;border-top:1px solid var(--acct-line)!important}footer p{color:#5f6b67!important}footer a{color:var(--acct-teal-dark)!important}
:focus-visible{outline:3px solid var(--acct-ink)!important;outline-offset:3px}
@media(max-width:1160px){.page-hero,.settings-wrap{margin-left:22px!important;margin-right:22px!important}}
@media(max-width:760px){
  .page-hero{min-height:205px;margin:14px 12px 18px!important;padding:32px 25px!important;border-radius:21px}.page-hero::before{right:-80px;opacity:.72}.page-hero::after{right:78px}.page-hero h1{font-size:38px!important}.page-hero p{max-width:275px;font-size:14px!important}
  .settings-wrap{margin:0 12px!important;padding:0 0 48px!important;grid-template-columns:1fr;gap:14px!important}.span-full,body.account-professional .account-information-card,body.account-professional .data-card{grid-column:1}
  .settings-card{padding:23px 20px!important;border-radius:17px!important}.settings-card h2{font-size:23px!important}.account-context-card{align-items:flex-start;flex-direction:column;min-height:auto;padding:27px 22px!important}.context-actions{width:100%;justify-content:flex-start}.context-actions .btn{flex:1 1 180px}
  .settings-row{align-items:flex-start!important;gap:8px}.settings-value{max-width:65%;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}