.auth-page {
    max-width: 28rem;
    margin: 0 auto;
    padding: 1rem 1rem 2rem;
}
/* Longer forms (profile, settings): as wide as the post forms. Two classes so themes' .auth-page widths don't win. */
.auth-page.auth-page--wide { max-width: var(--page-width-narrow); }
.auth-page h1 { font-size: 1.35rem; margin-top: 0; }
.auth-page label { display: block; margin-top: 0.75rem; font-weight: 600; }
.auth-page textarea,
.auth-page input[type="email"],
.auth-page input[type="password"],
.auth-page input[type="text"],
.auth-page input[type="tel"],
.auth-page input[type="url"] {
    width: 100%;
    margin-top: 0.25rem;
    padding: 0.4rem 0.5rem;
    font: inherit;
    background: var(--input-bg);
    color: var(--text);
    border: 1px solid var(--input-border);
    border-radius: var(--radius);
}
.auth-page ul li { color: var(--error); }
.auth-page button[type="submit"] {
    margin-top: 1rem;
    padding: 0.45rem 1rem;
    font: inherit;
    cursor: pointer;
    background: var(--button-bg);
    color: var(--text);
    border: 1px solid var(--button-border);
    border-radius: var(--radius);
}
.auth-page .error { color: var(--error); }
.auth-page .auth-hint { margin-top: 0.35rem; font-size: 0.9rem; }
.auth-page .account-nav { margin-top: 0; }
.auth-page .account-section { margin-top: 1.25rem; }
.auth-page .cancel-link { margin-top: 1rem; }
.auth-page .back-link { margin-top: 1.5rem; }
.auth-page .setup-steps { padding-left: 1.25rem; }
.auth-page .backup-codes { font-family: var(--font-mono); line-height: 1.8; }
.auth-page .passkey-login { margin-top: 1rem; }
.auth-page .auth-checkbox label { font-weight: normal; }
.auth-page .auth-checkbox .auth-hint { margin-top: 0.1rem; color: var(--text-muted); }