:root{color-scheme:dark}.account-page main{max-width:1180px;margin:0 auto;padding:44px 24px 80px}.account-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px;align-items:stretch;margin-bottom:24px}.account-hero>div,.account-hero aside,.account-section{border:1px solid #263d5a;background:#0a1c30;border-radius:14px;padding:28px}.account-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.12;margin:12px 0 18px;max-width:820px}.account-hero p{color:#b5c7df;font-size:17px;max-width:760px}.account-eyebrow{color:#65daf2;font-size:13px;font-weight:800;letter-spacing:.16em}.account-state{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(155deg,#0e3a43,#0b2637)!important}.account-state span{color:#9eb8cc}.account-state strong{font-size:26px;margin:10px 0}.account-state button{align-self:flex-start}.account-section{margin:20px 0}.account-title{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.account-title h2{margin:0;font-size:27px}.account-title p{margin:0;color:#9eb8cc}.account-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.account-metric{border:1px solid #2c4767;background:#081828;border-radius:10px;padding:18px;display:grid;gap:6px}.account-metric span,.account-metric small{color:#9eb8cc}.account-metric strong{font-size:30px;color:#f1f7ff}.account-flow{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px}.flow-score strong{font-size:42px}.flow-track{height:10px;background:#1b344b;border-radius:99px;overflow:hidden;margin:14px 0}.flow-track i{display:block;height:100%;background:linear-gradient(90deg,#39bed7,#61e7b2)}.flow-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.flow-steps li{display:flex;align-items:center;gap:10px;border:1px solid #294766;border-radius:9px;padding:13px}.flow-steps li span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#17324b;color:#9eb8cc;font-weight:800}.flow-steps li[data-complete=true] span{background:#164f46;color:#9ff3cc}.flow-steps li a{color:#dcecff}.usage-list,.readiness-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.usage-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.7fr);gap:14px;align-items:center;padding:14px;border-bottom:1px solid #223a55}.usage-list li div:first-child{display:flex;justify-content:space-between;gap:12px}.usage-list span{color:#9eb8cc}.usage-bar{height:8px;background:#182f45;border-radius:99px;overflow:hidden}.usage-bar i{display:block;height:100%;background:#48cfe2}.workspace-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-space{border:1px solid #294766;border-radius:10px;background:#081828;padding:18px}.account-space>div{display:flex;justify-content:space-between;gap:12px}.account-space h3{margin:0}.account-space p{color:#a9bed3}.account-space span{color:#7edcf1}.account-actions{display:flex;gap:12px;flex-wrap:wrap}.account-actions a,.account-state button{border:1px solid #3a7190;border-radius:8px;padding:11px 15px;background:#123a52;color:#e9fbff;text-decoration:none}.account-actions a.primary{background:#eafcff;color:#0b3347}.readiness-list{grid-template-columns:repeat(2,minmax(0,1fr))}.readiness-list li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;border:1px solid #294766;border-radius:9px;padding:14px}.readiness-list li span{grid-row:1/3;border-radius:99px;padding:4px 9px;align-self:center;color:#ffc39e;background:#462b25}.readiness-list li[data-ready=true] span{color:#a3f2ce;background:#173f39}.readiness-list small{color:#9eb8cc}.account-login{border:1px solid #3b5876;background:#10243a;border-radius:12px;padding:24px}.account-login p{color:#b5c7df}.account-login a{display:inline-block;margin-top:8px;padding:11px 16px;border-radius:8px;background:#eafcff;color:#0b3347}.account-note{color:#9eb8cc;font-size:14px}.account-note strong{color:#f4cf8d}.account-page footer{text-align:center;color:#7890a9;padding:10px 20px 40px}@media(max-width:900px){.account-hero,.account-flow{grid-template-columns:1fr}.account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.account-page main{padding:28px 16px 60px}.account-hero>div,.account-hero aside,.account-section{padding:20px}.account-metrics,.flow-steps,.workspace-list,.readiness-list{grid-template-columns:1fr}.account-title{align-items:flex-start;flex-direction:column}.usage-list li{grid-template-columns:1fr}.account-actions a{width:100%;text-align:center}}