.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:24px}.auth-card{width:100%;max-width:420px;padding:40px 32px;background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--radius-lg)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}.auth-brand-name{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--gold)}.auth-brand-slogan{font-size:11px;color:var(--text-muted)}.auth-lang{margin-bottom:20px}.auth-hero-title{font-family:var(--font-display);font-size:22px;color:var(--text-primary);margin:0 0 6px}.auth-hero-sub{font-size:13px;color:var(--text-secondary);margin:0 0 24px}.auth-tabs{display:flex;gap:4px;margin-bottom:16px}.auth-tab{flex:1;padding:8px;font-size:13px;border:.5px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease)}.auth-tab.active{background:var(--gold-muted);color:var(--gold);border-color:var(--gold)}.auth-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.auth-error{margin-top:12px;padding:8px 12px;font-size:12px;color:#e74c3c;background:#e74c3c1a;border-radius:var(--radius-sm)}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:.5px;background:var(--border)}.auth-divider span{font-size:11px;color:var(--text-muted);white-space:nowrap}.auth-social{display:flex;flex-direction:column;gap:10px}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration) var(--ease)}.auth-social-btn:hover:not(:disabled){border-color:var(--gold);background:var(--gold-muted)}.auth-social-btn:disabled{opacity:.55;cursor:not-allowed}.auth-social-btn svg{flex-shrink:0}[dir=rtl] .auth-social-btn{flex-direction:row-reverse}