@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Syne:wght@400;600;700;800&display=swap";
:root{--bg:#080b0f;--bg2:#0d1117;--bg3:#111820;--border:#1e2a38;--border2:#243040;--text:#e2e8f0;--muted:#4a5a6e;--muted2:#6b7e94;--violet:#8b5cf6;--violet2:#a78bfa;--cyan:#22d3ee;--green:#4ade80;--amber:#fbbf24;--red:#f87171;--glow-v:#8b5cf626;--glow-c:#22d3ee1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Syne,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}body:before{content:"";pointer-events:none;z-index:9990;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}button{cursor:pointer}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Syne,sans-serif}code,pre,.mono{font-family:JetBrains Mono,monospace}