/* auth.php — login, register */
.auth-page {
    min-height: calc(100vh - var(--navbar-h));
    display: flex; align-items: center; justify-content: center;
    padding: 40px 20px;
}
.auth-card {
    width: 100%; max-width: 420px; padding: 40px 32px;
}
.auth-card h1 { font-size: 28px; font-weight: 600; text-align: center; margin-bottom: 8px; }
.auth-card .subtitle { text-align: center; color: var(--text-muted); font-size: 14px; margin-bottom: 32px; }
.auth-card form { margin-top: 24px; }
.auth-card .btn { width: 100%; margin-top: 8px; padding: 14px; }
.auth-footer { text-align: center; margin-top: 24px; font-size: 14px; color: var(--text-muted); }
.auth-footer a { color: var(--accent-violet); }
.auth-divider { display: flex; align-items: center; gap: 16px; margin: 24px 0; color: var(--text-dim); font-size: 12px; }
.auth-divider::before, .auth-divider::after { content: ''; flex: 1; height: 1px; background: var(--border); }

.password-toggle { position: relative; }
.password-toggle button {
    position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
    color: var(--text-dim); padding: 4px;
}