.account-header { padding: 2.5rem clamp(1.25rem, 6vw, 5rem); }
.account-header .brand { display: inline-flex; }
.account-main { max-width: 650px; margin: 2rem auto 5rem; padding: 0 1.5rem; }
.account-main h1 { font: 700 clamp(2.6rem, 6vw, 4rem)/1.05 var(--font-display); text-wrap: balance; margin: 0 0 1.5rem; }
.account-main p { color: var(--muted); }
.account-form { margin: 2.5rem 0; }
.account-form label { display: block; margin: 1.25rem 0 .5rem; font-weight: 700; }
.account-form input:not([type=hidden]) { display: block; width: 100%; min-height: 48px; padding: .75rem; border: 1px solid #666; background: var(--surface); color: var(--text); font: inherit; caret-color: var(--accent); }
.account-form button { background: var(--accent); color: #000; border: 0; min-height: 48px; padding: .75rem 1.25rem; margin-top: 1.5rem; font: 700 1rem var(--font-ui); cursor: pointer; }
.account-form button:hover { background: var(--accent-soft); }
.account-form .errorlist { color: #ffb8ac; padding: .75rem 1.25rem; background: #321512; }
.account-form .helptext { color: var(--muted); font-size: 1rem; }
.account-help { padding-top: 1.5rem; border-top: 1px solid #444; }
.account-links { display: grid; gap: 1rem; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }