.auth-page{background:radial-gradient(ellipse at 30% 20%, #ec48991f, transparent 50%), radial-gradient(ellipse at 70% 80%, #1e1b4b59, transparent 50%), radial-gradient(ellipse at 50% 50%, #fb71850d, transparent 60%), var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-glass-card{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-glass), 0 0 80px -20px rgba(var(--primary-rgb), .08);background:#121215a6;padding:40px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative;overflow:hidden}.auth-glass-card:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--primary-rgb), .4), transparent);height:1px;position:absolute;top:0;left:0;right:0}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo-text{letter-spacing:-.02em;background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800}.auth-tagline{color:var(--text-muted);letter-spacing:.02em;margin-top:6px;font-size:.85rem}.auth-tabs{border-bottom:1px solid var(--border-color);gap:0;margin-bottom:28px;display:flex;position:relative}.auth-tab{color:var(--text-muted);cursor:pointer;transition:color var(--transition-normal);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:.95rem;font-weight:600;position:relative}.auth-tab:hover{color:var(--text-secondary)}.auth-tab.active{color:var(--text-primary)}.auth-tabs-indicator{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:2px 2px 0 0;width:50%;height:2px;transition:left .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1px}.auth-form-wrapper{min-height:280px;position:relative}.auth-form{animation:.35s forwards authFadeIn}@keyframes authFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-error{background:var(--danger-bg);border-radius:var(--radius-sm);color:var(--danger);border:1px solid #ef444433;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.875rem;font-weight:500;animation:.25s forwards authFadeIn;display:flex}.auth-success{background:var(--success-bg);border-radius:var(--radius-sm);color:var(--success);border:1px solid #10b98133;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.875rem;font-weight:500;animation:.25s forwards authFadeIn;display:flex}.auth-submit{width:100%;margin-top:4px;padding:14px;font-size:1rem}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.auth-divider{align-items:center;gap:16px;margin:28px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.auth-divider-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:600}.auth-demo-btn{gap:10px;width:100%;padding:14px;font-size:.9rem}.auth-back-link{text-align:center;margin-top:24px}.auth-back-link a{color:var(--text-muted);transition:color var(--transition-fast);font-size:.85rem}.auth-back-link a:hover{color:var(--primary)}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite authSpin;display:inline-block}@keyframes authSpin{to{transform:rotate(360deg)}}@media (max-width:480px){.auth-glass-card{padding:24px}.auth-logo-text{font-size:1.5rem}.auth-tabs{margin-bottom:20px}.auth-divider{margin:20px 0}}