@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a24;--bg-card: #16161f;--bg-elevated: #1e1e2a;--text-primary: #f0f0f5;--text-secondary: #9090a0;--text-muted: #606070;--accent-primary: #6366f1;--accent-secondary: #22d3ee;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-error: #ef4444;--accent-purple: #a855f7;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #22d3ee 100%);--gradient-subtle: linear-gradient(135deg, rgba(99, 102, 241, .1) 0%, rgba(168, 85, 247, .1) 100%);--border-color: rgba(255, 255, 255, .08);--border-highlight: rgba(99, 102, 241, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(99, 102, 241, .2);--font-display: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(99,102,241,.15) 0%,transparent 70%),radial-gradient(ellipse at 80% 20%,rgba(34,211,238,.08) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(168,85,247,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}#root{min-height:100vh}code,pre{font-family:var(--font-mono)}a{color:var(--accent-primary);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::selection{background:#6366f14d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}