:root{--bg-dark:#000;--bg-card:#121217;--accent-cyan:#00f3ff;--accent-pink:#ff007f;--accent-purple:#bd00ff;--text-primary:#fff;--text-secondary:#9e9eb3;--border-color:#22222a;--grid-line:#ffffff08;--font-sans:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-poppins:"Poppins", system-ui, -apple-system, sans-serif;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-dark);overflow-x:clip}*{box-sizing:border-box;margin:0;padding:0}body{width:100vw;font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:9999;opacity:.04;background-image:linear-gradient(#12101000 50%,#ffffff14 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:100% 4px,150px 150px;width:100vw;height:100vh;position:fixed;top:0;left:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.scanlines{position:relative;overflow:hidden}.scanlines:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-wrapper{display:inline-block;position:relative}.glitch-text{color:var(--text-primary);position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);background:var(--bg-dark);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-1px 0 var(--accent-cyan);clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim-1;left:2px}.glitch-text:after{text-shadow:-1.5px 0 var(--accent-pink);clip:rect(85px, 450px, 140px, 0);animation:5s linear infinite alternate-reverse glitch-anim-2;left:-2px}@keyframes glitch-anim-1{0%{clip:rect(15px, 9999px, 66px, 0)}10%{clip:rect(85px, 9999px, 5px, 0)}20%{clip:rect(12px, 9999px, 89px, 0)}30%{clip:rect(34px, 9999px, 55px, 0)}40%{clip:rect(98px, 9999px, 140px, 0)}50%{clip:rect(72px, 9999px, 12px, 0)}60%{clip:rect(4px, 9999px, 88px, 0)}70%{clip:rect(110px, 9999px, 20px, 0)}80%{clip:rect(62px, 9999px, 98px, 0)}90%{clip:rect(15px, 9999px, 114px, 0)}to{clip:rect(40px, 9999px, 80px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(90px, 9999px, 35px, 0)}10%{clip:rect(12px, 9999px, 78px, 0)}20%{clip:rect(66px, 9999px, 10px, 0)}30%{clip:rect(45px, 9999px, 90px, 0)}40%{clip:rect(5px, 9999px, 120px, 0)}50%{clip:rect(112px, 9999px, 45px, 0)}60%{clip:rect(80px, 9999px, 5px, 0)}70%{clip:rect(33px, 9999px, 115px, 0)}80%{clip:rect(12px, 9999px, 60px, 0)}90%{clip:rect(78px, 9999px, 134px, 0)}to{clip:rect(95px, 9999px, 22px, 0)}}.glitch-hover:hover{animation:.3s steps(2,start) infinite glitch-hover-anim}@keyframes glitch-hover-anim{0%{text-shadow:1.5px 0 var(--accent-cyan), -1.5px 0 var(--accent-pink);transform:translate(1px,-1px)}50%{text-shadow:-1.5px 0 var(--accent-cyan), 1.5px 0 var(--accent-pink);transform:translate(-1px,1px)}to{text-shadow:1.5px 0 var(--accent-cyan), -1.5px 0 var(--accent-pink);transform:translate(0)}}.glow-cyan{box-shadow:0 0 15px #00f3ff40;border-color:var(--accent-cyan)!important}.glow-pink{box-shadow:0 0 15px #ff007f40;border-color:var(--accent-pink)!important}.glow-pulse{animation:2s infinite alternate glow-pulse-anim}@keyframes glow-pulse-anim{0%{box-shadow:0 0 5px #00f3ff33}to{box-shadow:0 0 20px #00f3ff99}}.font-mono{font-family:var(--font-mono)}.btn-magnetic{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-primary);border:1px solid var(--border-color);text-transform:uppercase;cursor:pointer;z-index:1;background:0 0;justify-content:center;align-items:center;padding:1rem 2rem;font-size:.9rem;text-decoration:none;transition:border-color .3s,background-color .3s;display:inline-flex;position:relative;overflow:hidden}.btn-magnetic:before{content:"";background:linear-gradient(90deg, var(--accent-cyan), var(--accent-pink));z-index:-1;transform-origin:0;width:100%;height:100%;transition:transform .4s cubic-bezier(.19,1,.22,1);position:absolute;top:0;left:0;transform:scaleX(0)}.btn-magnetic:hover{color:var(--bg-dark);border-color:#0000}.btn-magnetic:hover:before{transform:scaleX(1)}html.lenis{height:auto}.lenis-smooth{scroll-behavior:auto!important}.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis-smooth iframe{pointer-events:none}.section-padding{padding:8rem 4rem}@media (width<=768px){.section-padding{padding:5rem 1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important;transform:none!important}.glitch-text:before,.glitch-text:after{display:none!important}.glitch-hover:hover{text-shadow:none!important;animation:none!important;transform:none!important}.glow-pulse{animation:none!important}}