.account-page { min-height: 100vh; background: #eef4f9; color: var(--navy); }
.account-header { min-height: 86px; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem max(1.2rem,calc((100% - var(--max))/2)); border-bottom:1px solid var(--line); background:#fff; }
.account-brand { display:inline-flex; align-items:center; gap:.75rem; color:var(--navy); font:800 .75rem/1 var(--body); letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.account-brand img { width:54px; height:54px; object-fit:contain; }
.account-back { color:var(--blue); font-size:.8rem; font-weight:800; text-decoration:none; }
.account-main { width:min(calc(100% - 2rem),var(--max)); margin:0 auto; padding:clamp(3.5rem,7vw,7rem) 0; }
.account-auth { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,460px); gap:clamp(2rem,8vw,8rem); align-items:start; }
.account-intro { max-width:730px; padding-top:1.8rem; }
.account-intro h1,.dashboard-head h1 { margin:.8rem 0 1.2rem; font:800 clamp(2.8rem,6vw,6.4rem)/.98 var(--display); letter-spacing:-.07em; }
.account-intro h1 em { color:var(--blue); font-style:normal; }
.account-intro > p:not(.section-kicker) { max-width:560px; font-size:1.05rem; line-height:1.75; }
.account-promises { display:flex; flex-wrap:wrap; gap:.6rem 1.1rem; margin-top:2.5rem; color:#597087; font-size:.75rem; font-weight:800; }
.account-promises span::before { display:inline-block; width:7px; height:7px; margin-right:.5rem; border-radius:50%; background:var(--blue); content:''; }
.account-card { border-top:4px solid var(--blue); background:#fff; box-shadow:18px 22px 60px rgba(7,26,58,.11); }
.account-tabs { display:grid; grid-template-columns:1fr 1fr 1fr; border-bottom:1px solid var(--line); }
.account-tab { min-height:54px; padding:.7rem .4rem; border:0; border-bottom:2px solid transparent; background:#fff; color:#718398; cursor:pointer; font:800 .68rem var(--body); }
.account-tab.is-active { border-color:var(--blue); color:var(--navy); }
.account-panel { padding:2rem; }
.account-panel[hidden] { display:none; }
.account-panel h2 { margin:0 0 .45rem; font:800 1.8rem/1.05 var(--display); letter-spacing:-.045em; }
.account-panel > p { margin:0 0 1.5rem; color:#718398; font-size:.85rem; line-height:1.55; }
.account-panel form { display:grid; gap:.9rem; }
.account-panel label { display:grid; gap:.4rem; color:var(--navy); font-size:.69rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.account-panel label small { color:#7c8fa4; font-size:.62rem; font-weight:600; letter-spacing:0; text-transform:none; }
.account-panel input { min-height:48px; padding:.75rem .8rem; border:1px solid #c9d6e3; background:#f8fafc; color:var(--navy); font:inherit; font-size:.92rem; }
.account-panel input:focus { border-color:var(--blue); outline:3px solid rgba(8,121,223,.12); background:#fff; }
.account-panel .button { margin-top:.4rem; width:100%; border:0; cursor:pointer; }
.turnstile-slot { min-height:0; }
.account-feedback { min-height:1.1rem; margin:0; padding:0 2rem 1.5rem; color:#7b5c1b; font-size:.75rem; line-height:1.5; }
.account-feedback.is-error { color:#a54450; }
.account-feedback.is-success { color:#14734b; }
.account-dashboard { display:grid; gap:2.2rem; }
.dashboard-head { display:flex; align-items:end; justify-content:space-between; gap:2rem; }
.dashboard-head h1 { margin-bottom:.5rem; font-size:clamp(2.8rem,6vw,5.5rem); }
.dashboard-head p:not(.section-kicker) { color:#6f8092; }
.dashboard-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.dashboard-card,.dashboard-list-card { border:1px solid var(--line); background:#fff; box-shadow:0 14px 40px rgba(7,26,58,.06); }
.dashboard-card { display:grid; gap:.45rem; min-height:175px; padding:1.4rem; }
.dashboard-label { color:var(--blue); font-size:.63rem; font-weight:800; letter-spacing:.14em; }
.dashboard-card strong { font:800 2.3rem/1 var(--display); letter-spacing:-.05em; }
.dashboard-card > span:not(.dashboard-label) { color:#718398; font-size:.8rem; }
.dashboard-card a,.dashboard-section-head a { margin-top:auto; color:var(--blue); font-size:.75rem; font-weight:800; text-decoration:none; }
.dashboard-summary strong { font-size:1.5rem; }
.dashboard-summary #dashboard-email { color:#718398; overflow-wrap:anywhere; }
.dashboard-sections { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.dashboard-list-card { min-height:280px; padding:1.4rem; }
.dashboard-section-head { display:flex; align-items:start; justify-content:space-between; gap:1rem; padding-bottom:1rem; border-bottom:1px solid var(--line); }
.dashboard-section-head h2 { margin:.4rem 0 0; font:800 1.45rem var(--display); letter-spacing:-.04em; }
.dashboard-list { display:grid; gap:.7rem; padding-top:1rem; }
.dashboard-list-item { display:grid; grid-template-columns:1fr auto; gap:.5rem; padding:.8rem; border:1px solid #e0e8ef; background:#f8fafc; }
.dashboard-list-item strong { font-size:.82rem; }
.dashboard-list-item small { color:#718398; font-size:.68rem; }
.dashboard-list-item .status { color:var(--blue); font-size:.65rem; font-weight:800; text-transform:uppercase; }
.dashboard-empty { color:#718398; font-size:.8rem; }
.account-footer { display:flex; justify-content:space-between; gap:1rem; padding:1.5rem max(1.2rem,calc((100% - var(--max))/2)); border-top:1px solid var(--line); color:#718398; font-size:.72rem; }
.account-footer a { color:var(--blue); font-weight:800; text-decoration:none; }
@media (max-width:800px) { .account-auth { grid-template-columns:1fr; } .account-intro { padding-top:0; } .dashboard-grid,.dashboard-sections { grid-template-columns:1fr; } .dashboard-head { align-items:start; flex-direction:column; } }
@media (max-width:480px) { .account-header { align-items:start; } .account-back { font-size:0; } .account-back span { font-size:.9rem; } .account-brand span { display:none; } .account-panel { padding:1.35rem; } .account-feedback { padding-right:1.35rem; padding-left:1.35rem; } .account-footer { flex-direction:column; } }