.account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,460px);gap:70px;align-items:start;padding:80px 0 100px;min-height:75vh}
.account-intro h1,.dashboard-heading h1{font-size:clamp(40px,5vw,64px);line-height:1.06;letter-spacing:-.055em;margin:18px 0 24px}
.account-intro>p{max-width:420px;font-size:18px;color:var(--quiet)}
.account-benefits{list-style:none;padding:24px 0;margin:30px 0;border-top:1px solid var(--line)}
.account-benefits li{padding:10px 0;display:flex;gap:14px;font-size:15px}
.account-benefits li::before{content:'↗';color:#436124;font-weight:bold}
.auth-card{min-width:0;width:100%}.auth-card .cl-rootBox,.auth-card .cl-cardBox{width:100%;max-width:100%}
.auth-card .cl-cardBox{box-shadow:0 8px 36px #1720190a;border:1px solid var(--line)}
.account-status{padding:20px;border:1px solid var(--line);background:#e3e7df;color:var(--ink);overflow-wrap:anywhere}
.account-status[role=alert]{border-color:#87372e}.account-retry{margin:0 0 20px}
.auth-alternative{margin-top:22px;font-size:14px;color:var(--quiet);text-align:center}
.dashboard{padding:55px 0 85px;min-height:75vh}.dashboard-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:40px}
.dashboard-heading h1{margin-bottom:12px}.dashboard-heading p{margin:0;color:var(--quiet);overflow-wrap:anywhere}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}
.keys-panel{min-width:0;padding:28px;background:#fff;border:1px solid var(--line);border-radius:8px}.keys-panel h2{margin:0 0 10px;font-size:24px}
.keys-panel>p{margin:0 0 28px;color:var(--quiet);font-size:14px}
#api-keys .cl-rootBox,#api-keys .cl-cardBox{width:100%;max-width:100%;box-shadow:none}
.key-help{background:#e3e7df;padding:25px;border:1px solid var(--line);border-radius:8px}.key-help h2{font-size:21px;margin-top:0}
.key-help p{font-size:14px}.key-help pre{background:var(--ink);color:var(--paper);font-size:12px;padding:15px;white-space:pre-wrap;overflow-wrap:anywhere}
.key-help .button{display:block;text-align:center;margin-top:22px}
@media(max-width:850px){.account-layout{gap:35px;grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.key-help{max-width:none}}
@media(max-width:700px){.account-layout{grid-template-columns:1fr;padding:40px 0 60px;gap:20px}.account-benefits{display:none}.account-intro h1{max-width:400px}.auth-card{max-width:460px;margin:auto}.dashboard{padding-top:35px}.keys-panel{padding:18px}.dashboard-heading{align-items:flex-start}}