:root{--bg:#000;--bg2:#050505;--surface:#0a0a0c73;--surface2:#12121699;--glass:#14141966;--glass-blur:blur(24px);--glass-border:#ffffff14;--glass-border-light:#ffffff26;--glass-hi:#ffffff14;--glass-shadow:0 20px 40px #0006;--glass-shadow-hover:0 30px 60px #00000080;--text:#f0f3fa;--text-soft:#f0f3fad9;--muted:#ffffff8c;--muted-soft:#fff6;--accent:#3b7bf6;--accent-soft:#3b7bf61f;--accent-glow:#3b7bf626;--green:#22c55e;--green-soft:#22c55e1f;--red:#ef4444;--red-soft:#ef44441f;--gold:#f59e0b;--gold-soft:#f59e0b1f;--teal:#2dd4bf;--teal-soft:#2dd4bf1f;--indigo:#818cf8;--sky:#38bdf8;--slate:#64748b;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-2xl:32px;--r-pill:100px;--ease:cubic-bezier(.22,1,.36,1);--fast:.15s;--normal:.3s;--slow:.5s;--sidebar-collapsed:68px;--sidebar-expanded:240px;--topbar-height:52px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;font-family:DM Sans,system-ui,-apple-system,sans-serif;overflow:hidden}::selection{background:var(--accent);color:#fff}.mono{letter-spacing:-.02em;font-family:DM Mono,monospace}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#3b7bf608 0%,#0000 60%);width:80vw;height:80vh;position:fixed;top:-30vh;left:20vw}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#818cf806 0%,#0000 60%);width:70vw;height:70vh;position:fixed;bottom:-20vh;right:-10vw}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}@keyframes sectionIn{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-gold{color:var(--gold)}.text-teal{color:var(--teal)}.font-mono{letter-spacing:-.02em;font-family:DM Mono,monospace}