:root{--neon-cyan: #00ffff;--neon-green: #00ff00;--neon-pink: #ff00ff;--dark-bg: transparent;--matrix-green: #00ff41}*{box-sizing:border-box}html{height:100%}body{margin:0;padding:0;font-family:Orbitron,monospace;background-color:#000;color:#fff;min-height:100%;position:relative;overflow-x:hidden}#matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-100;opacity:.6;pointer-events:none}h1,h2,h3,h4,h5,h6{font-family:Orbitron,monospace;font-weight:900;margin:0 0 1.5rem;line-height:1.2;text-transform:uppercase;letter-spacing:.1em;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 40px var(--neon-cyan)}h1{font-size:clamp(3rem,6vw,5rem)}.hero-banner{background:#0000004d;padding:100px 0;text-align:center;position:relative;overflow:hidden}.hero-title{font-size:clamp(3rem,8vw,6rem);color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan),0 0 60px var(--neon-cyan),0 0 80px var(--neon-cyan);animation:pulse-neon 2s ease-in-out infinite;margin-bottom:.5rem}.hero-subtitle{font-size:clamp(1.5rem,4vw,3rem);color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink),0 0 30px var(--neon-pink);margin-bottom:2rem}.electrify-text{font-size:clamp(2rem,5vw,4rem);font-weight:900;text-transform:uppercase;letter-spacing:.2em;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1));-webkit-background-clip:text;background-clip:text;color:var(--neon-cyan);text-shadow:3px 3px 0px rgba(0,0,0,.5),-1px -1px 0px rgba(0,0,0,.5),1px -1px 0px rgba(0,0,0,.5),-1px 1px 0px rgba(0,0,0,.5),0 0 30px var(--neon-cyan),0 0 60px var(--neon-cyan);filter:blur(.5px);animation:electrify .1s infinite}.button,.btn,button{background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan);padding:15px 40px;font-family:Orbitron,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;position:relative;transition:all .3s ease;box-shadow:0 0 10px var(--neon-cyan),inset 0 0 10px transparent}.button:hover,.btn:hover,button:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan),inset 0 0 20px #00ffff4d;transform:translateY(-2px)}@keyframes pulse-neon{0%,to{opacity:1}50%{opacity:.8}}@keyframes electrify{0%,to{text-shadow:3px 3px 0px rgba(0,0,0,.5),-1px -1px 0px rgba(0,0,0,.5),1px -1px 0px rgba(0,0,0,.5),-1px 1px 0px rgba(0,0,0,.5),0 0 30px var(--neon-cyan),0 0 60px var(--neon-cyan)}50%{text-shadow:4px 4px 0px rgba(0,0,0,.5),-2px -2px 0px rgba(0,0,0,.5),2px -2px 0px rgba(0,0,0,.5),-2px 2px 0px rgba(0,0,0,.5),0 0 40px var(--neon-green),0 0 80px var(--neon-green)}}@keyframes glitch{0%,to{text-shadow:.05em 0 0 var(--neon-pink),-.05em -.025em 0 var(--neon-green),.025em .05em 0 var(--neon-cyan)}15%{text-shadow:-.05em -.025em 0 var(--neon-pink),.025em .025em 0 var(--neon-green),-.05em -.05em 0 var(--neon-cyan)}30%{text-shadow:.025em .05em 0 var(--neon-pink),.05em 0 0 var(--neon-green),0 -.05em 0 var(--neon-cyan)}45%{text-shadow:-.025em 0 0 var(--neon-pink),-.025em -.025em 0 var(--neon-green),-.025em -.05em 0 var(--neon-cyan)}60%{text-shadow:.05em -.025em 0 var(--neon-pink),-.05em .05em 0 var(--neon-green),.025em 0 0 var(--neon-cyan)}75%{text-shadow:-.05em .025em 0 var(--neon-pink),.025em -.05em 0 var(--neon-green),-.05em .025em 0 var(--neon-cyan)}90%{text-shadow:.025em 0 0 var(--neon-pink),0 -.05em 0 var(--neon-green),.05em .025em 0 var(--neon-cyan)}}.glitch{animation:glitch calc(var(--animation-speed) * .1s) infinite;position:relative;z-index:3}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.glitch:before{animation:glitch-1 calc(var(--animation-speed) * .12s) infinite;color:var(--color-secondary);z-index:1;opacity:.7;pointer-events:none}.glitch:after{animation:glitch-2 calc(var(--animation-speed) * .1s) infinite;color:var(--color-accent);z-index:2;opacity:.5;pointer-events:none}@keyframes glitch-1{0%{clip:rect(44px,9999px,56px,0);transform:skew(.9deg)}5%{clip:rect(25px,9999px,15px,0);transform:skew(.2deg)}10%{clip:rect(80px,9999px,90px,0);transform:skew(.4deg)}15%{clip:rect(12px,9999px,68px,0);transform:skew(.7deg)}20%{clip:rect(35px,9999px,42px,0);transform:skew(.1deg)}25%{clip:rect(88px,9999px,12px,0);transform:skew(.6deg)}30%{clip:rect(17px,9999px,99px,0);transform:skew(.3deg)}to{clip:rect(44px,9999px,56px,0);transform:skew(.9deg)}}@keyframes glitch-2{0%{clip:rect(65px,9999px,119px,0);transform:skew(.6deg)}5%{clip:rect(25px,9999px,90px,0);transform:skew(.8deg)}10%{clip:rect(55px,9999px,32px,0);transform:skew(.2deg)}15%{clip:rect(78px,9999px,45px,0);transform:skew(.5deg)}20%{clip:rect(33px,9999px,87px,0);transform:skew(.9deg)}25%{clip:rect(91px,9999px,16px,0);transform:skew(.3deg)}30%{clip:rect(41px,9999px,73px,0);transform:skew(.7deg)}to{clip:rect(65px,9999px,119px,0);transform:skew(.6deg)}}.product__title .glitch:before,.product__title .glitch:after{content:none}.header{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--neon-cyan);box-shadow:0 0 20px #00ffff80;position:sticky;top:0;z-index:1000}.mobile-menu-toggle{z-index:1001}.dropdown-menu{z-index:1002}.modal,.overlay{z-index:1100}.cart-drawer{z-index:1050}.site-title{color:var(--neon-cyan);font-size:2rem;font-weight:900;text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan);animation:glitch 3s infinite}.nav-link{color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;padding:.5rem 1rem;transition:all .3s ease;position:relative}.nav-link:hover{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);transition:width .3s ease}.nav-link:hover:after{width:100%}.section{padding:80px 0;position:relative}.section-title{text-align:center;margin-bottom:3rem}@media (max-width: 1024px){h1{font-size:clamp(2.5rem,5vw,4rem)}.hero-title{font-size:clamp(2.5rem,7vw,5rem)}.hero-subtitle{font-size:clamp(1.2rem,3vw,2.5rem)}.electrify-text{font-size:clamp(1.8rem,4vw,3rem)}.button,.btn,button{padding:12px 30px;font-size:.9rem}.section{padding:60px 0}}@media (max-width: 768px){body{font-size:14px}h1{font-size:clamp(2rem,6vw,3rem)}.hero-banner{padding:60px 0}.hero-title{font-size:clamp(2rem,8vw,3.5rem);margin-bottom:1rem}.hero-subtitle{font-size:clamp(1rem,4vw,1.8rem);margin-bottom:1.5rem}.electrify-text{animation:none;filter:none;font-size:clamp(1.5rem,5vw,2.5rem);letter-spacing:.1em}.button,.btn,button{padding:10px 25px;font-size:.8rem;width:100%;margin-bottom:1rem}.section{padding:40px 0}.site-title{font-size:1.5rem;animation-duration:6s}.nav-link{padding:.75rem;display:block;text-align:center}.glitch,.glitch:before,.glitch:after{animation:none!important;content:attr(data-text);position:static!important;transform:none!important;clip:auto!important;opacity:1!important;z-index:auto!important;pointer-events:auto!important}.neon-text{text-shadow:0 0 5px var(--neon-cyan),0 0 15px var(--neon-cyan)}}@media (max-width: 480px){.hero-title{font-size:clamp(1.8rem,8vw,2.5rem);animation-duration:4s}.hero-subtitle{font-size:clamp(.9rem,4vw,1.3rem)}.electrify-text{font-size:clamp(1.3rem,6vw,2rem)}.button,.btn,button{padding:8px 20px;font-size:.75rem}h1,h2,h3,h4,h5,h6{text-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan)}.electrify-text,.hero-title,.site-title{animation:none;filter:none}}@media (max-width: 768px) and (hover: none){.button:hover,.btn:hover,button:hover{transform:none;box-shadow:0 0 10px var(--neon-cyan),inset 0 0 10px transparent}.nav-link:hover{text-shadow:none}.nav-link:after{display:none}}@media (prefers-reduced-motion: reduce){.electrify-text,.hero-title,.site-title{animation:none!important}.button,.btn,button,.nav-link{transition:none!important}.nav-link:after{transition:none!important}.glitch,.glitch:before,.glitch:after{animation:none!important;content:attr(data-text);position:static!important;transform:none!important;clip:auto!important;opacity:1!important;z-index:auto!important;pointer-events:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/theme-cyberpunk.css.map */