:root{--primary: #818cf8;--primary-hover: #6366f1;--primary-dark: #4f46e5;--primary-light: rgba(129,140,248,.1);--primary-border: rgba(129,140,248,.22);--danger: #f87171;--danger-light: rgba(248,113,113,.1);--danger-border: rgba(248,113,113,.2);--green: #34d399;--green-light: rgba(52,211,153,.1);--green-border: rgba(52,211,153,.2);--bg-body: #0c0c16;--bg-surface: #131320;--bg-elevated: #181829;--bg-hover: rgba(255,255,255,.03);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #7a8ca6;--border: rgba(255,255,255,.08);--border-soft: rgba(255,255,255,.04);--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--shadow-lg: 0 20px 40px -16px rgba(0,0,0,.5)}@media (prefers-color-scheme: light){:root{--primary-border: rgba(99,102,241,.18);--bg-body: #f2f2f6;--bg-surface: #f9f9fb;--bg-elevated: #eef0f7;--bg-hover: rgba(0,0,0,.03);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border: rgba(0,0,0,.08);--border-soft: rgba(0,0,0,.04);--shadow-lg: 0 20px 40px -16px rgba(15,23,42,.16)}}*{box-sizing:border-box}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;background:var(--bg-body);position:relative;overflow-x:hidden;padding:24px 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.auth-layout{display:grid;grid-template-columns:1fr 1fr;width:90%;max-width:1100px;min-height:580px;border-radius:var(--radius-xl);overflow:hidden;position:relative;z-index:1;border:1px solid var(--border);box-shadow:0 30px 60px -20px #00000059,var(--shadow-lg);opacity:0;animation:layoutAppear .42s cubic-bezier(.16,1,.3,1) forwards}@keyframes layoutAppear{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.auth-layout{animation:none;opacity:1}}.auth-hero{background:linear-gradient(160deg,#1e1b4b,#312e81,#4338ca 64%,#6366f1);padding:64px 48px 52px;display:flex;flex-direction:column;justify-content:flex-start;position:relative;overflow:hidden}.auth-hero:before{content:"";position:absolute;top:-30%;right:-20%;width:60%;padding-bottom:60%;border-radius:50%;background:radial-gradient(circle,rgba(129,140,248,.35) 0%,transparent 70%);pointer-events:none}.hero-content{display:flex;flex-direction:column;position:relative;z-index:1}.hero-title{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#fff;margin:0 0 20px}.hero-accent{display:inline-block;background:linear-gradient(100deg,#c7d2fe,#c7d2fe 58%,#fff 85%,#fff 97%,#e0e7ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 24px rgba(129,140,248,.45))}.hero-subtitle{font-size:14px;color:#ffffffc7;line-height:1.6;margin:0 0 32px;max-width:340px}.hero-features{display:flex;flex-direction:column;gap:14px}.hero-feature{display:flex;align-items:center;gap:12px;font-size:13px;color:#ffffffeb;font-weight:500}.feature-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.7;flex-shrink:0}.auth-form-panel{background:var(--bg-surface);display:flex;align-items:center;justify-content:center;padding:48px}.auth-card{width:100%;max-width:360px;opacity:0;animation:cardAppear .48s cubic-bezier(.16,1,.3,1) .12s forwards}@keyframes cardAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.auth-card{animation:none;opacity:1}}.card-header{text-align:center;margin-bottom:32px;display:flex;flex-direction:column;gap:8px}.card-header h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.card-header p{font-size:13px;color:var(--text-secondary);margin:0;font-weight:400;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:16px}.input-group{position:relative;display:flex;align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s ease,box-shadow .15s ease}.input-group:hover{border-color:var(--primary-border)}.input-group.focused{border-color:var(--primary-border);box-shadow:0 0 0 3px var(--primary-light)}.input-icon{display:flex;align-items:center;justify-content:center;width:44px;color:var(--text-muted);flex-shrink:0;transition:color .15s}.input-group.focused .input-icon,.input-group.has-value .input-icon{color:var(--primary)}.input-group input{flex:1;padding:14px 16px 14px 0;border:none;background:transparent;font-size:16px;color:var(--text-primary);outline:none;font-family:inherit}.input-group input::placeholder{color:var(--text-muted)}.input-group input:disabled{opacity:.5;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--danger-light);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--danger);font-size:13px;font-weight:500;animation:shakeError .4s cubic-bezier(.36,.07,.19,.97)}.error-icon{font-size:15px;flex-shrink:0}@keyframes shakeError{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@media (prefers-reduced-motion: reduce){.error-message{animation:none}}.login-btn{width:100%;padding:15px 24px;background:linear-gradient(135deg,#6366f1,#818cf8);color:#f8fafc;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease,transform .1s ease;margin-top:4px}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#6366f1)}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.55;cursor:not-allowed}.btn-arrow{transition:transform .15s}.login-btn:hover:not(:disabled) .btn-arrow{transform:translate(3px)}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.btn-spinner{animation:none}}.card-footer{text-align:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--border-soft)}.card-footer span{font-size:11px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.auth-link-row{display:flex;justify-content:flex-end;margin-top:-6px}.recover-choice-list{display:flex;flex-direction:column;gap:10px}.recover-choice-option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--primary);cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.recover-choice-option:hover{border-color:var(--primary-border);background:var(--bg-hover)}.recover-choice-option>div{display:flex;flex-direction:column;gap:2px}.recover-choice-title{font-size:14px;font-weight:600;color:var(--text-primary)}.recover-choice-desc{font-size:12px;color:var(--text-secondary)}.lookup-result{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:var(--radius-md);font-size:13px;line-height:1.5}.lookup-result-found{background:var(--green-light);border:1px solid var(--green-border);color:var(--text-primary)}.lookup-result-found svg{color:var(--green);flex-shrink:0;margin-top:2px}.lookup-result-not-found{background:var(--danger-light);border:1px solid var(--danger-border);color:var(--text-primary)}.lookup-result-not-found svg{color:var(--danger);flex-shrink:0;margin-top:2px}.text-link{background:none;border:none;font-family:inherit;font-size:12.5px;color:var(--text-secondary);cursor:pointer;padding:0;transition:color .15s}.text-link:hover{color:var(--text-primary)}.back-link{text-align:center;font-size:12.5px;color:var(--text-muted);margin-top:18px}.back-link a,.back-link button{background:none;border:none;font-family:inherit;font-size:inherit;color:var(--text-secondary);cursor:pointer;padding:0;text-decoration:none}.back-link a:hover,.back-link button:hover{color:var(--text-primary)}.success-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:8px 0 4px}.success-state h2{color:var(--text-primary);font-size:22px;margin:0}.success-state p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.success-state p strong{color:var(--text-primary)}.success-icon{font-size:44px;color:var(--green);animation:successPop .4s cubic-bezier(.16,1,.3,1) both}@keyframes successPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.success-icon{animation:none}}.password-checklist{display:flex;flex-direction:column;gap:6px;margin:-2px 2px 2px}.password-check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);transition:color .15s}.password-check svg{color:var(--text-muted);transition:color .15s;flex-shrink:0}.password-check.passed{color:var(--text-primary)}.password-check.passed svg{color:var(--green)}.google-btn-slot{display:flex;justify-content:center;margin-bottom:4px}.auth-divider{display:flex;align-items:center;text-align:center;margin:16px 0 20px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{padding:0 12px;font-size:11.5px;color:var(--text-muted);white-space:nowrap}@media (max-width: 900px){.auth-layout{grid-template-columns:1fr;max-width:480px;min-height:auto}.auth-hero{padding:32px;text-align:center}.hero-title{font-size:34px}.hero-subtitle{max-width:100%;margin-left:auto;margin-right:auto}.hero-features{align-items:center}.auth-form-panel{padding:32px}}@media (max-width: 480px){.auth-layout{width:95%;border-radius:var(--radius-xl)}.auth-hero{padding:24px}.hero-title{font-size:28px}.hero-subtitle{font-size:13px;margin-bottom:20px}.auth-form-panel{padding:24px}.card-header{margin-bottom:24px}.card-header h2{font-size:21px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%;background:#07070e}button,input{font-family:inherit}