.account-page { max-width: 640px; margin: 0 auto; padding: 32px 20px 64px; line-height: 1.6; }
.account-page h1 { font-size: 1.75rem; }
.account-page h2 { font-size: 1.25rem; margin-top: 28px; }
.account-page nav { display: flex; flex-wrap: wrap; gap: 12px 20px; border-bottom: 1px solid var(--line); padding-bottom: 16px; }
.account-page a { color: var(--accent); text-underline-offset: 3px; }
.account-page form { display: grid; gap: 16px; }
.account-page label { display: grid; gap: 6px; font-weight: 600; }
.account-page input:focus-visible, .account-page button:focus-visible, .account-page a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.account-page .account-danger { background: var(--danger); border-color: var(--danger); }
.account-page hr { border: 0; border-top: 1px solid var(--line); margin: 32px 0; }
.account-page .status-line { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text); }
.account-page .status-line.error { color: var(--danger); }
.account-page [hidden] { display: none; }
@media (max-width: 480px) { .account-page { padding: 20px 16px 48px; } }