.account-container { max-width: 700px; }
.account-card { background: var(--card-bg); border: 2px solid var(--reggae-green); border-radius: 12px; padding: clamp(1rem, 4vw, 2rem); }
.account-pages h1 { border-left: 4px solid var(--reggae-gold); padding-left: .75rem; font-size: 1.4rem; text-transform: uppercase; }
.account-pages a { color: var(--reggae-gold); }
.account-pages form { margin: 1.5rem 0; padding: 0; border: 0; box-shadow: none; }
.account-pages form > div { margin-bottom: 1rem; }
.account-pages button { background: linear-gradient(90deg, var(--reggae-red), var(--reggae-gold), var(--reggae-green)); color: #111; border: 0; border-radius: 999px; padding: .7rem 1.3rem; font-weight: 700; cursor: pointer; margin: .25rem; }
.account-pages input:focus-visible, .account-pages button:focus-visible, .account-pages a:focus-visible { outline: 2px solid var(--reggae-gold); outline-offset: 3px; }
.account-pages .helptext { display: block; color: var(--text-muted); font-size: .9rem; }
.account-pages .errorlist { color: #ff7673; }
.account-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; }
.account-pages input[type=email], .account-pages input[type=password], .account-pages input[type=text] { max-width: 100%; }