.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:radial-gradient(ellipse at 20% 50%,rgba(37,99,235,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(6,214,160,.05) 0%,transparent 50%),var(--bg-primary)}.auth-card{width:100%;max-width:420px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-logo{display:inline-block;font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-md);text-decoration:none}.auth-logo span{color:var(--brand-primary-light)}.auth-header h1{font-size:1.5rem;margin-bottom:var(--space-xs)}.auth-card form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-forgot{text-align:right;margin-top:calc(var(--space-xs) * -1)}.auth-forgot a{font-size:.8rem;color:var(--text-muted)}.auth-forgot a:hover{color:var(--brand-primary-light)}.auth-checkbox{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:.85rem;color:var(--text-secondary);cursor:pointer;line-height:1.4}.auth-checkbox input[type=checkbox]{margin-top:2px;accent-color:var(--brand-primary);min-width:16px;min-height:16px}.auth-checkbox a{color:var(--brand-primary-light);text-decoration:underline;text-underline-offset:2px}.auth-switch{text-align:center;margin-top:var(--space-lg);font-size:.9rem;color:var(--text-muted)}.auth-switch a{color:var(--brand-primary-light);font-weight:600}@media(max-width:480px){.auth-card{padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg)}}:root{--brand-primary: #2563eb;--brand-primary-light: #3b82f6;--brand-primary-dark: #1d4ed8;--brand-accent: #06d6a0;--brand-accent-dark: #05b384;--bg-primary: #0a0a1a;--bg-secondary: #111128;--bg-tertiary: #1a1a3e;--bg-surface: #22224a;--text-primary: #f0f0f5;--text-secondary: #9999b3;--text-muted: #66668a;--text-on-brand: #ffffff;--success: #00c853;--warning: #ffc107;--error: #ff1744;--info: #2979ff;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .18);--border-brand: var(--brand-primary);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(37, 99, 235, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-heading: "Sora", sans-serif;--font-body: "DM Sans", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:1.875rem;letter-spacing:-.01em}h3{font-size:1.375rem}p{color:var(--text-secondary)}a{color:var(--brand-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:var(--brand-primary);color:var(--text-on-brand);box-shadow:var(--shadow-sm),var(--shadow-glow)}.btn-primary:hover{background:var(--brand-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 30px #2563eb40}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.btn-google{background:#fff;color:#333;border:1px solid #ddd;font-weight:500}.btn-google:hover{background:#f5f5f5;border-color:#bbb}.btn-lg{padding:16px 32px;font-size:1.05rem;border-radius:var(--radius-lg)}.btn-full{width:100%}.input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.input-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.input-field{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #2563eb26}.input-field.error{border-color:var(--error);box-shadow:0 0 0 3px #ff17441a}.input-error{font-size:.8rem;color:var(--error);margin-top:2px}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-brand{color:var(--brand-primary-light)}.text-sm{font-size:.85rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--brand-primary-light);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{opacity:0;transform:translateY(8px)}.page-visible{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.divider{display:flex;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:.8rem;margin:var(--space-lg) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}@media(max-width:768px){h1{font-size:1.875rem}h2{font-size:1.5rem}.container{padding:0 var(--space-md)}}