@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #06060e;--bg-elevated: #0c0c1a;--bg-card: #0f0f1e;--bg-card-hover: #141428;--border: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.12);--border-accent: rgba(99,102,241,.3);--ink: #f1f5f9;--ink-muted: #94a3b8;--ink-faint: #4a5568;--brand-from: #6366f1;--brand-to: #a855f7;--brand-mid: #818cf8;--brand-gradient: linear-gradient(135deg, var(--brand-from), var(--brand-to));--brand-gradient-soft: linear-gradient(135deg, rgba(99,102,241,.15), rgba(168,85,247,.15));--brand-glow: 0 0 0 1px rgba(99,102,241,.2), 0 0 40px rgba(99,102,241,.08), 0 8px 32px rgba(0,0,0,.4);--status-info: #06b6d4;--status-processing: #f59e0b;--status-success: #22c55e;--status-error: #ef4444;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--font-display: "Space Grotesk","Inter",sans-serif;--font-body: "Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono: "JetBrains Mono","SF Mono",monospace;--shadow-glow: 0 0 0 1px rgba(99,102,241,.3), 0 0 30px rgba(99,102,241,.12);--shadow-card: 0 4px 24px rgba(0,0,0,.3), 0 1px 4px rgba(0,0,0,.2);--shadow-elevated: 0 8px 40px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.3);--transition-fast: .15s cubic-bezier(.25, .46, .45, .94);--transition-smooth: .3s cubic-bezier(.25, .46, .45, .94);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;margin:0}h1{font-size:26px;letter-spacing:-.03em}h2{font-size:20px}h3{font-size:16px}p{margin:0}code,pre{font-family:var(--font-mono)}a{color:inherit}::selection{background:#6366f159}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}:focus-visible{outline:2px solid var(--brand-from);outline-offset:2px;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:14px;border-radius:var(--radius-sm);padding:10px 20px;cursor:pointer;border:1px solid transparent;transition:transform var(--transition-fast),box-shadow var(--transition-smooth),background var(--transition-smooth),border-color var(--transition-smooth),opacity var(--transition-smooth);white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn:disabled:before{display:none}.btn-primary{background:var(--brand-gradient);color:#fff;border:none;box-shadow:0 2px 12px #6366f140}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow),0 4px 20px #6366f14d;transform:translateY(-1px)}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-ghost{background:#ffffff08;color:var(--ink-muted);border-color:var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--border-strong);color:var(--ink);background:#ffffff0f}.btn-danger{background:transparent;color:var(--status-error);border-color:#ef444433}.btn-danger:hover:not(:disabled){background:#ef444414;border-color:#ef444466}.btn-sm{padding:6px 14px;font-size:12px;border-radius:8px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth),transform var(--transition-smooth)}.card-interactive:hover{border-color:var(--border-accent);box-shadow:var(--shadow-elevated),0 0 0 1px #6366f11a;transform:translateY(-2px)}.input,select.input,textarea.input{width:100%;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 16px;color:var(--ink);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color var(--transition-smooth),background var(--transition-smooth),box-shadow var(--transition-smooth)}.input::placeholder{color:var(--ink-faint)}.input:focus{border-color:var(--brand-from);background:#ffffff0f;box-shadow:0 0 0 3px #6366f11a}.input:disabled{opacity:.5;cursor:not-allowed}.input-mono{font-family:var(--font-mono);font-size:13px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;letter-spacing:.01em}.pill-brand{background:#6366f126;color:#a5b4fc}.pill-success{background:#22c55e1f;color:var(--status-success)}.pill-processing{background:#f59e0b1f;color:var(--status-processing)}.pill-error{background:#ef44441f;color:var(--status-error)}.pill-neutral{background:#ffffff0f;color:var(--ink-muted)}.nav-eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding:18px 12px 6px}.nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px 9px 16px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--ink-muted);font-size:14px;font-weight:500;font-family:var(--font-body);text-align:left;cursor:pointer;width:100%;transition:background var(--transition-smooth),color var(--transition-smooth),transform var(--transition-fast)}.nav-item:hover{background:#ffffff0a;color:var(--ink);transform:translate(2px)}.nav-item.active{background:#6366f11a;color:#c7d2fe}.nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--brand-gradient);box-shadow:0 0 8px #6366f166}.flow-line{height:2px;width:100%;background:linear-gradient(90deg,var(--brand-from),var(--brand-to),var(--status-info),var(--brand-from));background-size:200% 100%;animation:flow-sweep 4s linear infinite}@media (prefers-reduced-motion: reduce){.flow-line{animation:none}}@keyframes flow-sweep{to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff12 37%,#ffffff08 63%);background-size:400% 100%;animation:skeleton-shimmer 1.6s ease infinite;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:#ffffff0a}}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.fade-in{animation:fade-in .2s ease both}@media (prefers-reduced-motion: reduce){.fade-in{animation:none}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #6366f126}50%{box-shadow:0 0 40px #6366f140}}.gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#0c0c1acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}@keyframes border-shimmer{0%{border-color:#6366f133}50%{border-color:#a855f74d}to{border-color:#6366f133}}@keyframes count-up{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.btn-primary:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:var(--brand-gradient);z-index:-1;opacity:0;filter:blur(12px);transition:opacity var(--transition-smooth)}.btn-primary:hover:not(:disabled):after{opacity:.4}.text-muted{color:var(--ink-muted)}.text-faint{color:var(--ink-faint)}.mono{font-family:var(--font-mono)}.ambient-glow{position:fixed;top:-20%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(99,102,241,.08),rgba(168,85,247,.04),transparent 65%);pointer-events:none;z-index:0}@media (max-width: 900px){.auth-container>div:first-child{display:none!important}.auth-container>div:last-child{flex:1 1 100%!important}}