.account-page { min-height:calc(100vh - 216px); }
.account-shell,.account-dashboard { max-width:1120px; margin:auto; padding:88px 30px 108px; }
.account-shell { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr); align-items:center; gap:86px; min-height:650px; }
.account-shell-compact { min-height:590px; }.account-intro h1,.dashboard-heading h1 { margin-bottom:20px; font-size:clamp(45px,5.2vw,72px); font-weight:650; }.account-intro>p:not(.eyebrow),.dashboard-heading>div>p:last-child { max-width:520px; color:var(--muted); font-size:18px; line-height:1.52; }
.account-card { padding:32px; border:1px solid var(--line); border-radius:16px; background:#fbfbfc; box-shadow:0 16px 32px rgba(43,62,99,.08); }.account-card h2,.dashboard-card h2 { margin-bottom:14px; font-size:29px; font-weight:630; }.account-card label { display:grid; gap:7px; margin-top:18px; color:#3d3c43; font-size:14px; font-weight:600; }.account-card input { width:100%; min-height:46px; padding:10px 12px; border:1px solid #bdbcc4; border-radius:5px; background:#fff; color:var(--ink); font:inherit; font-weight:400; }.account-card .button { width:100%; margin-top:24px; border:0; cursor:pointer; }.account-helper { margin:20px 0 0; color:var(--muted); font-size:14px; }.account-helper a,.dashboard-help a { color:var(--blue); font-weight:600; }.form-notice,.form-error { margin:0 0 19px; padding:12px 14px; border-radius:7px; font-size:14px; }.form-notice { border:1px solid #b9d9cb; background:#edf9f3; color:#275f48; }.form-error { border:1px solid #f0b9b4; background:#fff2f1; color:#9b3530; }
.dashboard-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:35px; padding-bottom:48px; border-bottom:1px solid var(--line); }.dashboard-heading form { flex:none; margin-top:17px; }.dashboard-heading form .button { cursor:pointer; }.dashboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:36px; }.dashboard-card { min-height:250px; padding:30px; border-radius:15px; background:linear-gradient(145deg,#f6fbfd,#f3f2ff); }.dashboard-card:nth-child(2) { background:linear-gradient(145deg,#fdf8f3,#f8f1f8); }.dashboard-card p:not(.feature-kicker) { max-width:410px; margin-bottom:0; color:var(--muted); }.dashboard-help { margin:30px 0 0; color:var(--muted); }
@media (max-width:760px) { .account-shell,.account-dashboard { padding:65px 24px 75px; }.account-shell { grid-template-columns:1fr; gap:37px; min-height:0; }.dashboard-heading { display:block; padding-bottom:34px; }.dashboard-heading form { margin-top:24px; }.dashboard-grid { grid-template-columns:1fr; }.account-card { padding:25px; } }
@media (max-width:560px) { .account-shell,.account-dashboard { padding:55px 18px 65px; }.account-intro h1,.dashboard-heading h1 { font-size:43px; }.account-intro>p:not(.eyebrow),.dashboard-heading>div>p:last-child { font-size:17px; }.account-card { padding:22px; }.dashboard-card { min-height:0; padding:25px; } }