.auth-logo { text-align: center; margin-bottom: var(--section-gap); }
.auth-logo .auth-emoji { font-size: 48px; }
.auth-logo h1 { font-size: 24px; font-weight: 800; color: var(--navy); margin-top: 8px; }
.auth-logo p { color: var(--gray-500); font-size: 14px; margin-top: 4px; }

.auth-mode-tabs { display: flex; gap: 4px; background: var(--gray-100); border-radius: var(--radius-button); padding: 4px; margin-bottom: var(--section-gap); }
.auth-mode-tabs button { flex: 1; height: 44px; border: none; background: transparent; border-radius: 16px; font-weight: 700; color: var(--gray-500); }
.auth-mode-tabs button.active { background: var(--card); color: var(--primary-hover); box-shadow: var(--shadow-card); }

.auth-error { color: var(--danger); font-size: 14px; margin-bottom: 12px; min-height: 20px; }

.auth-divider { display: flex; align-items: center; gap: 12px; margin: 20px 0; color: var(--gray-500); font-size: 13px; }
.auth-divider::before, .auth-divider::after { content: ''; flex: 1; height: 1px; background: var(--gray-300); }

.field-signup-only { display: none; }
body.auth-mode-signup .field-signup-only { display: block; }