.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);position:relative}.auth-bg{position:fixed;inset:0;pointer-events:none}.auth-bg .hero-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(124,92,252,.12) 0,transparent 70%);top:-20%;right:20%;animation:orb-float-1 20s ease-in-out infinite}.auth-bg .hero-orb-1,.auth-bg .hero-orb-2{position:absolute;border-radius:50%;filter:blur(80px)}.auth-bg .hero-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(244,114,182,.08) 0,transparent 70%);bottom:-10%;left:10%;animation:orb-float-2 25s ease-in-out infinite}.auth-card{width:100%;max-width:420px;position:relative;padding:var(--space-10);animation:scaleIn .5s var(--ease-out) both}.auth-logo{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-8);font-size:var(--text-xl);font-weight:700;text-decoration:none;color:var(--color-text-primary)}.auth-logo .brand-logo{gap:var(--space-3)}.auth-logo .brand-logo-mark,.auth-logo-icon{width:40px;height:40px}.auth-logo .brand-logo-wordmark{font-size:var(--text-xl)}.auth-title{text-align:center;font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.auth-subtitle{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8)}.auth-social{flex-direction:column;margin-bottom:var(--space-6)}.auth-social,.auth-social-btn{display:flex;gap:var(--space-3)}.auth-social-btn{align-items:center;justify-content:center;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;border-radius:var(--border-radius-md);transition:all var(--duration-normal) var(--ease-out)}.auth-social-btn.google{background:white;color:#333;border:1px solid rgba(255,255,255,.2)}.auth-social-btn.google:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-social-btn .social-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.auth-divider-line{flex:1 1;height:1px;background:var(--border-color)}.auth-divider-text{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600}.auth-form{gap:var(--space-4)}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:var(--space-2)}.auth-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.auth-input{width:100%;box-sizing:border-box;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--color-bg-tertiary);color:var(--color-text-primary);transition:all var(--duration-fast) var(--ease-out)}.auth-input:hover{border-color:var(--border-color-hover)}.auth-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.auth-input::placeholder{color:var(--color-text-muted)}.auth-submit{width:100%;margin-top:var(--space-2)}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.auth-footer a{color:var(--color-accent-light);font-weight:600;transition:color var(--duration-fast) var(--ease-out)}.auth-footer a:hover{color:var(--color-accent)}.auth-terms{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-6);line-height:var(--leading-relaxed)}.auth-terms a{color:var(--color-text-secondary);text-decoration:underline}.auth-terms a:hover{color:var(--color-text-primary)}