@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--surface:#0a0a0c;--surface-dim:#060608;--surface-container-lowest:#060608;--surface-container-low:#101014;--surface-container:#16161a;--surface-container-high:#1e1e24;--surface-container-highest:#28282f;--primary:#d0bcff;--primary-glow:#d0bcff66;--primary-container:#4f378b;--on-primary:#1a1025;--secondary:#44e2cd;--secondary-glow:#44e2cd59;--accent-orange:#ff5f0b;--accent-blue:#3d7eff;--on-surface:#f6f6f6;--on-surface-variant:#f6f6f699;--outline-variant:#f6f6f614;--bg-color:var(--surface-dim);--panel-bg:var(--surface-container);--card-bg:var(--surface-container-high);--border-color:var(--outline-variant);--primary-accent:var(--primary);--text-primary:var(--on-surface);--text-secondary:var(--on-surface-variant);--text-muted:#f6f6f666;--success:#44e2cd;--warning:#ffb869;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--spacing-base:8px;--radius-card:8px;--radius-btn:6px;--radius-pill:100px;--shadow-glow-primary:0 0 60px var(--primary-glow), 0 0 120px #d0bcff26;--shadow-glow-secondary:0 0 40px var(--secondary-glow);--shadow-card:0 4px 24px #0006;--shadow-elevated:0 8px 32px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,#root{width:100%;height:100vh}body{font-family:var(--font-body);background-color:var(--surface-dim);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;display:block;overflow-x:hidden}.gpu-accelerate{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.glow-primary{box-shadow:var(--shadow-glow-primary)}.glow-secondary{box-shadow:var(--shadow-glow-secondary)}.gradient-text{background:linear-gradient(135deg,#fff 0%,#d0bcff 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-subtle{background:linear-gradient(#fff 30%,#d5d8f6cc 80%,#fdf7fe99 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blur-overlay{-webkit-backdrop-filter:blur(24px)}.blur-subtle{-webkit-backdrop-filter:blur(12px)}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1)}.transition-medium{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-slow{transition:all .5s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-container-lowest)}::-webkit-scrollbar-thumb{background:var(--surface-container-highest);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--outline-variant)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}button{font-family:var(--font-body);color:inherit;cursor:pointer;background:0 0;border:none;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:active{transform:scale(.98)}input,select,textarea{font-family:var(--font-body);outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d0bcff26}.monospace-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--secondary);font-size:11px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fadeInUp{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.animate-fadeIn{animation:.4s forwards fadeIn}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-float{animation:4s ease-in-out infinite float}