/**
 * Auth — Страница авторизации
 */

.auth-page { min-height: 100dvh; display: flex; align-items: center; justify-content: center; padding: 20px; background: linear-gradient(135deg, #fdf2f8 0%, #f5f5f7 100%); }
.auth-card { background: var(--bg2); border-radius: 24px; padding: 48px 36px; width: 100%; max-width: 380px; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.08); }
.auth-logo { width: 48px; height: 48px; margin-bottom: 16px; }
.auth-title { font-size: 20px; font-weight: 900; margin-bottom: 4px; }
.auth-subtitle { font-size: 14px; color: var(--text-muted); margin-bottom: 32px; }
.auth-step { display: none; }
.auth-step.active { display: block; }
.pin-input, .code-input { font-size: 28px; text-align: center; letter-spacing: 8px; font-family: var(--font-mono); font-weight: 800; padding: 16px; }
.auth-hint { font-size: 12px; color: var(--text-muted); margin-top: 12px; }
.auth-user-preview { font-size: 16px; font-weight: 700; margin-bottom: 16px; color: var(--accent); }

#authStep1, #authStep2 { display: none; }
#authStep1.active, #authStep2.active { display: block; }