@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--font-display:"Outfit", ui-sans-serif, system-ui, sans-serif;--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--brand:#a855f7;--brand-glow:#a855f799}.font-display{font-family:var(--font-display)}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}body{font-family:var(--font-sans);color:#f4f4f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000}.text-outline{color:#0000;-webkit-text-stroke:1.5px #ffffff47;text-stroke:1.5px #ffffff47}.text-outline-brand{color:#0000;-webkit-text-stroke:1.5px var(--brand);text-stroke:1.5px var(--brand)}@keyframes scroll{0%{transform:translateY(-100%)}50%{transform:translateY(0)}to{transform:translateY(100%)}}@media (hover:hover) and (pointer:fine){html.has-cursor,html.has-cursor *{cursor:none!important}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}30%{transform:translate(3%,-15%)}50%{transform:translate(12%,9%)}70%{transform:translate(-9%,4%)}90%{transform:translate(-1%,12%)}}.grain{animation:8s steps(10,end) infinite grain}.spotlight{position:relative}.spotlight:before{content:"";border-radius:inherit;background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%), #a855f717, transparent 40%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.spotlight:hover:before{opacity:1}
