@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Space+Grotesk:wght@400;700&display=swap";
:root{--color-bg:#030305;--color-surface:#0a0a0f;--color-surface-hover:#12121a;--color-text:#e2e2e5;--color-text-muted:#8b8b9c;--color-accent:#00f0ff;--color-accent-secondary:#f05;--color-border:#ffffff14;--font-sans:"Outfit", sans-serif;--font-mono:"Space Grotesk", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);max-width:100vw;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);letter-spacing:-.02em;font-weight:700}.premium-gradient-text{background:linear-gradient(135deg, var(--color-accent) 0%, #7000ff 50%, var(--color-accent-secondary) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:5s linear infinite shine}@keyframes shine{to{background-position:200%}}.bg-grid{z-index:-1;background-size:40px 40px;background-image:linear-gradient(to right, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border) 1px, transparent 1px);opacity:.5;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 80%);mask-image:radial-gradient(#000 0%,#0000 80%)}.ambient-light{z-index:-2;filter:blur(80px);background:radial-gradient(circle,#00f0ff1a 0%,#0000 70%);border-radius:50%;width:70vw;height:70vh;position:fixed;top:-20vh;left:-20vw}.ambient-light.secondary{background:radial-gradient(circle,#ff00551a 0%,#0000 70%);inset:auto -20vw -20vh auto}