@keyframes glitch-anim-1{0%{opacity:1;transform:translateZ(0) scale(1);filter:brightness(1)}5%{opacity:.9;transform:translate3d(-3.3px,1.7px,0) scale(1.1);filter:brightness(1.7) contrast(1.6) hue-rotate(25deg)}10%{opacity:.2;transform:translate3d(5px,-2.3px,0) scale(.9);filter:brightness(.7) contrast(2.5) saturate(2) hue-rotate(-20deg)}15%{opacity:.95;transform:translate3d(-2.3px,-3px,0) scale(1.15);filter:brightness(2) invert(.1)}20%{opacity:.65;transform:translate3d(-4px,2.7px,0) scale(1.2);filter:brightness(2) saturate(3) hue-rotate(35deg)}25%{opacity:.9;transform:translate3d(2.7px,2px,0) scale(.85);filter:brightness(.6) contrast(2) hue-rotate(-30deg)}35%{opacity:.55;transform:translate3d(4px,-2.7px,0) scale(.9);filter:brightness(1.8) saturate(1.5) invert(.15)}45%{opacity:1;transform:translate3d(-2.7px,-1.3px,0) scale(1.08);filter:brightness(1.3) contrast(1.8)}55%{opacity:.7;transform:translateZ(0) scale(1);filter:brightness(.8) hue-rotate(15deg) saturate(1.5)}65%{opacity:.85;transform:translate3d(-2px,-.7px,0) scale(1.05);filter:brightness(1.5) saturate(1.9)}75%{opacity:.9;transform:translate3d(2px,1.3px,0) scale(.95);filter:brightness(1.2) contrast(1.4) hue-rotate(10deg)}85%{opacity:1;transform:translate3d(-1px,-1px,0) scale(1.02);filter:brightness(.9) hue-rotate(-5deg)}to{opacity:1;transform:translateZ(0) scale(1);filter:brightness(1)}}@keyframes glitch-anim-2{0%{opacity:1;transform:translateZ(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}8%{clip-path:polygon(0 15%,100% 15%,100% 85%,0 85%);transform:translate3d(5px,0,0);opacity:.7}16%{clip-path:polygon(20% 0,80% 0,80% 100%,20% 100%);transform:translate3d(-5px,3.3px,0);opacity:.8}24%{clip-path:polygon(0 5%,100% 5%,100% 95%,0 95%);transform:translate3d(2.3px,-2.7px,0);opacity:.6}32%{clip-path:polygon(15% 15%,85% 15%,85% 85%,15% 85%);transform:translate3d(-4px,0,0);opacity:.8}40%{transform:translate3d(2.7px,-2.3px,0);clip-path:polygon(5% 5%,95% 5%,95% 95%,5% 95%);opacity:.7}48%{transform:translate3d(-3.3px,2.7px,0);clip-path:polygon(0 0,100% 0,100% 85%,0 85%);opacity:.8}56%{transform:translate3d(4px,-1.7px,0);clip-path:polygon(0 25%,100% 25%,100% 100%,0 100%);opacity:.6}64%{transform:translate3d(-2.7px,2px,0);clip-path:polygon(0 0,75% 0,75% 100%,0 100%);opacity:.8}72%{transform:translateZ(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}80%{clip-path:polygon(10% 10%,90% 10%,90% 90%,10% 90%);transform:translate3d(-2px,0,0);opacity:.7}88%{transform:translate3d(1.3px,-1.3px,0);clip-path:polygon(0 15%,100% 15%,100% 85%,0 85%);opacity:.9}to{transform:translateZ(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}}@keyframes rgb-shift{0%,to{filter:hue-rotate(0deg) saturate(1)}25%{filter:hue-rotate(50deg) saturate(2)}50%{filter:hue-rotate(-30deg) saturate(1.7)}75%{filter:hue-rotate(-60deg) saturate(2.2)}}@keyframes digital-noise{0%,to{opacity:.03;background-size:200px 200px;background-position:50%}20%{opacity:.1;background-size:50px 50px;background-position:10% 10%}40%{opacity:.05;background-size:100px 100px;background-position:70% 70%}60%{opacity:.15;background-size:75px 75px;background-position:30% 80%}80%{opacity:.07;background-size:150px 150px;background-position:90% 10%}}.nav-icon-glitch{position:relative;overflow:visible}.nav-icon-glitch:after,.nav-icon-glitch:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;background-size:cover;background-position:50%;mix-blend-mode:difference;pointer-events:none;opacity:0}.nav-icon-glitch.animate{animation:rgb-shift 1.2s steps(5) forwards}.nav-icon-glitch.animate:before{opacity:.9;animation:glitch-anim-1 1.2s steps(3) forwards}.nav-icon-glitch.animate:after{opacity:.9;animation:glitch-anim-2 1.2s steps(3) forwards;animation-delay:.05s}.nav-icon-wrapper.animate{animation:glitch-anim-1 .7s steps(2) forwards;position:relative}.nav-icon-wrapper.animate:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,rgba(0,255,255,.2),rgba(255,0,255,.2),rgba(255,255,0,.2));border-radius:50%;z-index:-1;opacity:0;animation:digital-noise .5s steps(3) forwards}@keyframes data-noise{0%,to{background-position:0 0;opacity:.3}20%{background-position:-15% -15%;opacity:.5}40%{background-position:-20% 25%;opacity:.4}60%{background-position:25% -20%;opacity:.6}80%{background-position:-15% 35%;opacity:.3}}.data-noise:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:0;mix-blend-mode:overlay;pointer-events:none;transform:translateZ(0)}.data-noise.animate:before{opacity:.7;animation:data-noise .6s steps(2) forwards}@keyframes scan{0%{top:-50%;height:10px;opacity:0}10%{opacity:.8}50%{opacity:.6}90%{opacity:.8}to{top:150%;height:10px;opacity:0}}.nav-icon-wrapper.animate:after{content:"";position:absolute;width:150%;height:8px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.5),rgba(255,0,255,.5),transparent);top:-50%;left:-25%;animation:scan 1.2s linear forwards;opacity:.7;z-index:10;mix-blend-mode:screen}@keyframes ghost-shift{0%,to{opacity:0;transform:translateZ(0)}10%,90%{opacity:.3;transform:translate3d(1px,-1px,0)}20%,80%{opacity:.2;transform:translate3d(-1.7px,.7px,0)}30%,70%{opacity:.4;transform:translate3d(1.3px,1.3px,0)}40%,60%{opacity:.1;transform:translate3d(-.7px,-1.7px,0)}50%{opacity:.3;transform:translate3d(-1.3px,1px,0)}}.nav-icon-glitch.animate:before{animation:ghost-shift .8s forwards,glitch-anim-1 1.2s steps(3) forwards}@keyframes logo-flicker{0%,to{opacity:1;filter:brightness(1) contrast(1)}1%,3%{opacity:.8;filter:brightness(2) contrast(.3) hue-rotate(90deg)}5%,9%{opacity:1;filter:brightness(.8) contrast(1.2) saturate(1.2)}11%{opacity:.4;filter:brightness(5) contrast(5) hue-rotate(-90deg)}12%{opacity:1;filter:brightness(1) contrast(1)}20%{opacity:.9;filter:brightness(1.1) contrast(1.3)}35%{opacity:.7;filter:brightness(3) contrast(.2) saturate(3) hue-rotate(30deg)}36%{opacity:1;filter:brightness(1) contrast(1)}55%{opacity:.9;filter:brightness(1.2) contrast(1.5)}70%{opacity:.3;filter:brightness(4) contrast(.3) hue-rotate(-45deg)}71%,to{opacity:1;filter:brightness(1) contrast(1)}}.logo-glitch.animate{animation:logo-flicker 2s steps(3) forwards}@keyframes crt-scan{0%{top:-2%;height:2%}to{top:100%;height:2%}}.logo-glitch.animate:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,rgba(0,255,255,0),rgba(0,255,255,.5),rgba(0,255,255,0));z-index:9;animation:crt-scan 1s linear .2s forwards;opacity:.7}@keyframes digital-flicker{0%,to{opacity:1}4%{opacity:.85}8%{opacity:1}12%{opacity:.95}16%{opacity:1}49%{opacity:1}50%{opacity:.7}51%{opacity:1}72%{opacity:1}73%{opacity:.9}75%{opacity:1}96%{opacity:1}97%{opacity:.5}98%{opacity:1}}.header-glitch-container.animate{animation:digital-flicker 2s steps(1) forwards}@keyframes text-glitch{0%,to{transform:translateZ(0);text-shadow:0 0 0 rgba(0,0,0,0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}10%{transform:translate3d(-1.7px,0,0);text-shadow:-3px 0 #0ff,3px 0 #f0f;clip-path:polygon(0 20%,100% 0,100% 100%,0 80%)}20%{transform:translate3d(1.7px,-.7px,0);text-shadow:5px 0 #0ff,-5px 0 #f0f}30%{transform:translate3d(-1px,.7px,0);text-shadow:-2px 0 #0ff,2px 0 #f0f;clip-path:polygon(0 0,100% 20%,100% 80%,0 100%)}40%{transform:translateZ(0);text-shadow:4px 0 #f0f,-4px 0 #0ff;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}50%{transform:translate3d(1.7px,0,0);text-shadow:-4px 0 #f0f,4px 0 #0ff,0 0 3px rgba(0,255,255,.5)}60%{transform:translate3d(-1.7px,0,0);clip-path:polygon(0 15%,100% 0,100% 100%,0 85%)}70%,to{transform:translateZ(0);text-shadow:0 0 0 rgba(0,0,0,0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.menu-text-glitch.animate{animation:text-glitch 1.2s steps(4) forwards;display:inline-block;transform-origin:center;position:relative}.cyberpunk-btn{position:relative;overflow:hidden}.cyberpunk-btn:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(45deg,rgba(152,255,152,0),rgba(152,255,152,.1) 50%,rgba(152,255,152,0));transition:transform .5s ease-out;transform:translateX(-100%) translateY(-100%) rotate(45deg);pointer-events:none;z-index:1}.cyberpunk-btn:hover:before{transform:translateX(0) translateY(0) rotate(45deg)}