.account-page{min-height:72vh;padding:var(--s7) var(--s4);place-items:center;display:grid}.account-card{border:1px solid var(--line-strong);border-radius:var(--r-l);background:linear-gradient(145deg, var(--panel-2), var(--panel));width:min(100%,34rem);box-shadow:var(--shadow-2);padding:clamp(1.5rem,5vw,3rem)}.account-card h1{font-size:clamp(2rem,7vw,3.2rem)}.account-kicker{color:var(--teal-strong);font:600 .78rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.account-intro,.account-email{color:var(--muted)}.account-benefits{border:1px solid color-mix(in srgb, var(--teal) 35%, transparent);border-radius:var(--r-m);background:color-mix(in srgb, var(--teal) 8%, transparent);color:var(--muted);gap:.65rem;margin:0;padding:1rem 1rem 1rem 2.25rem;display:grid}.account-benefits li::marker{color:var(--teal)}.account-tabs{gap:var(--s2);margin:var(--s5) 0;padding:var(--s1);border:1px solid var(--line);border-radius:var(--r-m);grid-template-columns:1fr 1fr;display:grid}.account-tabs button,.account-link{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0}.account-tabs button{padding:var(--s3);border-radius:var(--r-s)}.account-tabs button[aria-pressed=true]{color:var(--text);background:var(--teal-soft)}.account-form{gap:var(--s4);display:grid}.account-form input{width:100%}.account-link{margin-top:var(--s4);color:var(--teal-strong);text-underline-offset:3px;text-decoration:underline}.account-notice{padding:var(--s3) var(--s4);border-radius:var(--r-s);border:1px solid}.account-notice--error{color:#fecaca;background:var(--danger-soft);border-color:#f8717173}.account-notice--success{color:#a7f3d0;background:var(--ok-soft);border-color:#34d39973}