*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg-2: #0f0f1a;--surface: #13131f;--surface-2: #1a1a2e;--border: rgba(255, 255, 255, .07);--border-hover: rgba(241, 91, 120, .4);--pink: #f15b78;--pink-dim: rgba(241, 91, 120, .15);--pink-glow: rgba(241, 91, 120, .3);--purple: #9b5de5;--cyan: #00f5d4;--text: #e8e8f0;--text-dim: #6b6b8a;--text-muted: #3a3a55;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--radius: 4px;--radius-lg: 12px}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--pink)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glitch{0%{clip-path:inset(40% 0 61% 0);transform:translate(-4px)}20%{clip-path:inset(92% 0 1% 0);transform:translate(4px)}40%{clip-path:inset(43% 0 1% 0);transform:translate(0)}60%{clip-path:inset(25% 0 58% 0);transform:translate(4px)}80%{clip-path:inset(54% 0 7% 0);transform:translate(-4px)}to{clip-path:inset(58% 0 43% 0);transform:translate(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--pink-glow)}50%{box-shadow:0 0 40px var(--pink-glow),0 0 80px #f15b781a}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-fade-up{animation:fadeUp .7s ease forwards}.animate-fade-in{animation:fadeIn .5s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.25s;opacity:0}.delay-3{animation-delay:.4s;opacity:0}.delay-4{animation-delay:.55s;opacity:0}