.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;opacity:.3}.matrix-rain:before{content:"";position:absolute;top:0;left:0;width:100%;height:200%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,204,122,.02) 2px,rgba(0,204,122,.02) 4px);animation:matrix-fall 30s linear infinite}@keyframes matrix-fall{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.hologram{position:relative;display:inline-block;transition:all .3s ease}.hologram:hover:before{content:"";position:absolute;top:-5%;left:-5%;right:-5%;bottom:-5%;background:linear-gradient(45deg,transparent 30%,rgba(74,144,226,.1) 50%,transparent 70%);transform:translate(-100%);animation:hologram-sweep 2s}@keyframes hologram-sweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}.cyber-circuit{position:relative;overflow:hidden}.cyber-circuit:before,.cyber-circuit:after{content:"";position:absolute;background:var(--color-neon-primary);opacity:0;animation:circuit-flow 2s infinite}.cyber-circuit:before{top:0;left:0;width:2px;height:100%;animation-delay:0s}.cyber-circuit:after{top:0;left:0;width:100%;height:2px;animation-delay:1s}@keyframes circuit-flow{0%{opacity:0;transform:translate(0)}50%{opacity:1}to{opacity:0;transform:translate(100%,100%)}}.typewriter{overflow:hidden;white-space:nowrap;border-right:2px solid var(--color-neon-primary);animation:typing 4s steps(40,end),blink-caret 1s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-neon-primary)}}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #00cc7a4d}50%{box-shadow:0 4px 16px #00cc7a80}}.data-stream{position:relative;overflow:hidden}.data-stream:after{content:"010110100101011010010101101001";position:absolute;top:0;left:0;width:200%;height:100%;color:var(--color-neon-primary);opacity:.1;font-family:var(--font-heading);font-size:.75rem;line-height:1.2;word-break:break-all;animation:data-flow 10s linear infinite}@keyframes data-flow{0%{transform:translate(0)}to{transform:translate(-50%)}}.glitch-btn{position:relative;overflow:hidden}.glitch-btn:hover{animation:glitch-btn .3s infinite}@keyframes glitch-btn{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.cyber-grid-pulse{position:relative}.cyber-grid-pulse:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(0deg,transparent 24%,rgba(0,255,159,.05) 25%,rgba(0,255,159,.05) 26%,transparent 27%,transparent 74%,rgba(0,255,159,.05) 75%,rgba(0,255,159,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(0,255,159,.05) 25%,rgba(0,255,159,.05) 26%,transparent 27%,transparent 74%,rgba(0,255,159,.05) 75%,rgba(0,255,159,.05) 76%,transparent 77%,transparent);background-size:50px 50px;animation:grid-pulse 4s ease-in-out infinite;pointer-events:none}@keyframes grid-pulse{0%,to{opacity:.3}50%{opacity:.8}}.neon-flicker{animation:neon-flicker 4s infinite alternate}@keyframes neon-flicker{0%,to{opacity:1;text-shadow:0 2px 4px rgba(0,204,122,.3)}50%{opacity:.95;text-shadow:0 2px 8px rgba(0,204,122,.4)}}.digital-corrupt{position:relative}.digital-corrupt:hover{animation:corrupt .5s steps(10)}@keyframes corrupt{0%{filter:none}10%{filter:hue-rotate(90deg) saturate(2)}20%{filter:hue-rotate(180deg) invert(1)}30%{filter:hue-rotate(270deg) contrast(2)}40%{filter:hue-rotate(360deg) brightness(.5)}50%{filter:saturate(3) hue-rotate(180deg)}60%{filter:invert(1) hue-rotate(90deg)}70%{filter:contrast(3) hue-rotate(270deg)}80%{filter:brightness(2) hue-rotate(360deg)}90%{filter:hue-rotate(90deg) saturate(.5)}to{filter:none}}.scan-effect{position:relative;overflow:hidden}.scan-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--color-neon-primary),transparent);animation:scan-line 3s linear infinite}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(calc(100vh + 100%))}}.particle-field{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:2px;height:2px;background:var(--color-neon-primary);border-radius:50%;box-shadow:0 0 10px var(--color-neon-primary);animation:float-particle 20s infinite linear}@keyframes float-particle{0%{transform:translateY(100vh) translate(0)}to{transform:translateY(-10vh) translate(100px)}}.cyber-card-hover{transition:all .3s ease;position:relative;overflow:hidden}.cyber-card-hover:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--color-neon-primary),var(--color-neon-secondary),var(--color-neon-accent));z-index:-1;opacity:0;transition:opacity .3s ease;animation:border-glow 3s linear infinite;background-size:400% 400%}.cyber-card-hover:hover:before{opacity:1}@keyframes border-glow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cyber-spinner{width:50px;height:50px;position:relative;margin:20px auto}.cyber-spinner:before,.cyber-spinner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:var(--color-neon-primary);border-bottom-color:var(--color-neon-secondary);animation:cyber-spin 1.5s linear infinite}.cyber-spinner:after{animation-delay:.75s;border-top-color:var(--color-neon-accent);border-bottom-color:var(--color-neon-primary)}@keyframes cyber-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/cyberpunk-animations.css.map */