:root{--bg: #060611;--bg-elevated: rgba(255,255,255,.03);--bg-hover: rgba(255,255,255,.06);--bg-card: rgba(255,255,255,.03);--surface: rgba(255,255,255,.03);--surface-hover: rgba(255,255,255,.06);--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.16);--border-active: rgba(167,139,250,.4);--text: #f1f5f9;--text-muted: #64748b;--text-subtle: #94a3b8;--text-dim: #475569;--primary: #7c3aed;--primary-hover: #6d28d9;--primary-light: #a78bfa;--primary-glow: rgba(124,58,237,.35);--cyan: #06b6d4;--emerald: #10b981;--amber: #f59e0b;--rose: #f43f5e;--blue: #3b82f6;--gradient-brand: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);--gradient-accent: linear-gradient(135deg, #a78bfa 0%, #06b6d4 100%);--gradient-amber: linear-gradient(135deg, #fbbf24 0%, #f97316 100%);--font-heading: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 100px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 8px 40px rgba(0,0,0,.4);--shadow-glow: 0 8px 32px rgba(124,58,237,.35);--shadow-glow-lg: 0 12px 40px rgba(124,58,237,.45);--demo-bg: rgba(255,255,255,.03);--demo-border: rgba(255,255,255,.09);--demo-border-bottom: rgba(255,255,255,.06);--demo-header-bg: rgba(255,255,255,.02);--demo-prompt-bg: rgba(255,255,255,.04);--demo-prompt-border: rgba(255,255,255,.08);--demo-prompt-text: #e2e8f0;--overlay-subtle: rgba(255,255,255,.03);--overlay-hover: rgba(255,255,255,.06);--overlay-border: rgba(255,255,255,.08);--overlay-border-hover: rgba(255,255,255,.16);--overlay-strong: rgba(255,255,255,.05);--glow-violet: radial-gradient(circle, rgba(124,58,237,.1) 0%, transparent 70%);--glow-cyan: radial-gradient(circle, rgba(6,182,212,.07) 0%, transparent 70%);--glow-cta: radial-gradient(ellipse, rgba(124,58,237,.14) 0%, transparent 70%);--step-connector: rgba(255,255,255,.08);--stat-label: #475569}[data-theme=light]{--bg: #ffffff;--bg-elevated: rgba(0,0,0,.02);--bg-hover: rgba(0,0,0,.04);--bg-card: rgba(0,0,0,.02);--surface: rgba(0,0,0,.02);--surface-hover: rgba(0,0,0,.04);--border: rgba(0,0,0,.1);--border-hover: rgba(0,0,0,.2);--border-active: rgba(124,58,237,.4);--text: #1a1a2e;--text-muted: #6c757d;--text-subtle: #94a3b8;--text-dim: #8896a6;--primary: #7c3aed;--primary-hover: #6d28d9;--primary-light: #6d28d9;--primary-glow: rgba(124,58,237,.2);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 8px 40px rgba(0,0,0,.1);--shadow-glow: 0 8px 32px rgba(124,58,237,.2);--shadow-glow-lg: 0 12px 40px rgba(124,58,237,.25);--demo-bg: rgba(0,0,0,.02);--demo-border: rgba(0,0,0,.1);--demo-border-bottom: rgba(0,0,0,.06);--demo-header-bg: rgba(0,0,0,.01);--demo-prompt-bg: rgba(0,0,0,.02);--demo-prompt-border: rgba(0,0,0,.08);--demo-prompt-text: #334155;--overlay-subtle: rgba(0,0,0,.02);--overlay-hover: rgba(0,0,0,.04);--overlay-border: rgba(0,0,0,.08);--overlay-border-hover: rgba(0,0,0,.16);--overlay-strong: rgba(0,0,0,.04);--glow-violet: radial-gradient(circle, rgba(124,58,237,.06) 0%, transparent 70%);--glow-cyan: radial-gradient(circle, rgba(6,182,212,.04) 0%, transparent 70%);--glow-cta: radial-gradient(ellipse, rgba(124,58,237,.08) 0%, transparent 70%);--step-connector: rgba(0,0,0,.1);--stat-label: #6c757d;--gradient-brand: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%)}[data-theme=light]{--bg: #ffffff;--bg-elevated: rgba(0,0,0,.02);--bg-hover: rgba(0,0,0,.04);--bg-card: rgba(0,0,0,.02);--surface: rgba(0,0,0,.02);--surface-hover: rgba(0,0,0,.04);--border: rgba(0,0,0,.1);--border-hover: rgba(0,0,0,.2);--border-active: rgba(124,58,237,.4);--text: #1a1a2e;--text-muted: #6c757d;--text-subtle: #94a3b8;--text-dim: #8896a6;--primary: #7c3aed;--primary-hover: #6d28d9;--primary-light: #6d28d9;--primary-glow: rgba(124,58,237,.2);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 8px 40px rgba(0,0,0,.1);--shadow-glow: 0 8px 32px rgba(124,58,237,.2);--shadow-glow-lg: 0 12px 40px rgba(124,58,237,.25);--demo-bg: rgba(0,0,0,.02);--demo-border: rgba(0,0,0,.1);--demo-border-bottom: rgba(0,0,0,.06);--demo-header-bg: rgba(0,0,0,.01);--demo-prompt-bg: rgba(0,0,0,.02);--demo-prompt-border: rgba(0,0,0,.08);--demo-prompt-text: #334155}h1,h2,h3,h4,h5{font-family:var(--font-heading);font-weight:800;margin:0}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-amber{background:var(--gradient-amber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pill{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-full);border:1px solid;display:inline-flex;align-items:center;gap:6px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:700;cursor:pointer;text-decoration:none;transition:all .15s ease;letter-spacing:-.01em}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-lg)}.btn-ghost{background:var(--overlay-subtle);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--overlay-hover);border-color:var(--border-hover)}.btn-sm{padding:8px 16px;font-size:13px}.btn-md{padding:10px 22px;font-size:14px}.btn-lg{padding:14px 28px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input{display:block;width:100%;padding:12px 14px;background:var(--overlay-subtle);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .15s ease;box-sizing:border-box}.input::placeholder{color:var(--text-dim)}.input:focus{border-color:var(--primary-light)}.input-label{display:block;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.auth-split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-left{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;position:relative;overflow:hidden}.auth-right{display:flex;flex-direction:column;justify-content:center;padding:60px 48px;background:#ffffff03;max-width:480px;margin:0 auto;width:100%}.auth-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:40px;width:100%}.auth-card h2{font-size:28px;letter-spacing:-.03em;margin-bottom:8px;text-align:center}.auth-card .subtitle{font-size:14px;color:var(--text-muted);text-align:center;margin-bottom:32px}.auth-error{background:#ef44441a;border-radius:var(--radius-md);padding:10px 14px;margin-bottom:20px;font-size:13px;color:var(--rose)}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-dim);font-size:12px;font-family:var(--font-mono)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-footnote{text-align:center;margin-top:24px;font-size:13px;color:var(--text-muted)}.auth-footnote a{color:var(--primary-light);text-decoration:none;font-weight:600;transition:color .15s}.auth-footnote a:hover{color:var(--text)}.auth-link{text-align:center;margin-top:14px;font-size:13px}.auth-link a{color:var(--text-muted);text-decoration:none;transition:color .15s}.auth-link a:hover{color:var(--text)}.demo-container{max-width:420px;width:100%}.demo-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(124,58,237,.08) 0%,transparent 70%)}.demo-card{background:var(--demo-bg);border-radius:var(--radius-xl);overflow:hidden;position:relative}.demo-header{padding:14px 18px;display:flex;align-items:center;gap:10px;background:var(--demo-header-bg)}.demo-dots{display:flex;gap:6px}.demo-dots span{width:10px;height:10px;border-radius:50%;opacity:.6}.demo-title{font-size:11px;color:var(--text-dim);font-family:var(--font-mono);margin-left:6px}.demo-body{padding:20px 24px}.demo-prompt-label{font-size:11px;color:var(--text-dim);font-family:var(--font-mono);margin-bottom:10px}.demo-prompt{background:var(--demo-prompt-bg);border-radius:var(--radius-md);padding:12px 16px;font-size:14px;color:var(--demo-prompt-text);min-height:44px;display:flex;align-items:center;font-style:italic;transition:border-color .3s}.demo-typing-cursor{display:inline-block;width:2px;height:18px;margin-left:2px;animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.demo-thinking{padding:24px;display:flex;align-items:center;gap:12px}.demo-bounce-dots{display:flex;gap:5px}.demo-bounce-dots span{width:8px;height:8px;border-radius:50%;animation:bounce .9s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.demo-thinking-label{font-size:13px;color:var(--text-muted);font-family:var(--font-mono)}@media(max-width:860px){.auth-split{grid-template-columns:1fr}.auth-left{display:none}.auth-right{padding:40px 24px}.auth-card{padding:28px 24px}}