.glitch-text{position:relative;display:inline-block}.glitch-text:hover:before,.glitch-text:hover:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:hover:before{left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:hover:after{left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0);transform:skew(.3deg)}10%{clip:rect(112px,9999px,76px,0);transform:skew(.1deg)}20%{clip:rect(85px,9999px,23px,0);transform:skew(.8deg)}30%{clip:rect(44px,9999px,56px,0);transform:skew(.5deg)}40%{clip:rect(9px,9999px,80px,0);transform:skew(.2deg)}50%{clip:rect(120px,9999px,138px,0);transform:skew(.9deg)}60%{clip:rect(68px,9999px,23px,0);transform:skew(.6deg)}70%{clip:rect(15px,9999px,91px,0);transform:skew(.4deg)}80%{clip:rect(50px,9999px,105px,0);transform:skew(.7deg)}90%{clip:rect(33px,9999px,65px,0);transform:skew(.3deg)}to{clip:rect(76px,9999px,47px,0);transform:skew(.1deg)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,119px,0);transform:skew(.5deg)}10%{clip:rect(52px,9999px,104px,0);transform:skew(.2deg)}20%{clip:rect(79px,9999px,3px,0);transform:skew(.9deg)}30%{clip:rect(106px,9999px,99px,0);transform:skew(.3deg)}40%{clip:rect(21px,9999px,67px,0);transform:skew(.6deg)}50%{clip:rect(40px,9999px,125px,0);transform:skew(.8deg)}60%{clip:rect(93px,9999px,12px,0);transform:skew(.4deg)}70%{clip:rect(58px,9999px,135px,0);transform:skew(.7deg)}80%{clip:rect(14px,9999px,89px,0);transform:skew(.1deg)}90%{clip:rect(71px,9999px,44px,0);transform:skew(.5deg)}to{clip:rect(37px,9999px,116px,0);transform:skew(.2deg)}}.hud-scan{position:relative;overflow:hidden}.hud-scan:after{content:"";position:absolute;top:-50%;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(56,189,248,.8) 50%,transparent 100%);box-shadow:0 0 10px #38bdf8cc;animation:scan 3s ease-in-out infinite;opacity:0}.hud-scan:hover:after{opacity:1}@keyframes scan{0%{top:-10%}50%{top:110%}to{top:110%}}.data-stream{position:relative;overflow:hidden}.data-stream:before{content:attr(data-value);position:absolute;top:0;left:0;width:100%;height:100%;font-family:var(--font-mono);color:#38bdf84d;animation:data-flow 2s linear infinite;opacity:0}.data-stream:hover:before{opacity:1}@keyframes data-flow{0%{transform:translateY(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100%);opacity:0}}.holo-badge{position:relative;background:linear-gradient(135deg,#38bdf81a,#8b5cf61a);border:1px solid rgba(56,189,248,.3);box-shadow:0 0 20px #38bdf81a,inset 0 0 20px #38bdf80d;backdrop-filter:blur(10px);animation:holo-shimmer 3s ease-in-out infinite}@keyframes holo-shimmer{0%,to{box-shadow:0 0 20px #38bdf81a,inset 0 0 20px #38bdf80d}50%{box-shadow:0 0 30px #8b5cf633,inset 0 0 30px #8b5cf61a}}.stat-glow{filter:drop-shadow(0 0 8px currentColor);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px currentColor)}50%{filter:drop-shadow(0 0 15px currentColor)}}.matrix-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none;opacity:.1}.matrix-bg canvas{display:block}.tech-tooltip{position:relative;cursor:help}.tech-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(10px);padding:.75rem 1rem;background:#0f172af2;border:1px solid rgba(56,189,248,.3);border-radius:8px;color:#e2e8f0;font-size:.8rem;font-family:var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:0 10px 30px #00000080;z-index:100}.tech-tooltip:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#38bdf84d;opacity:0;transition:all .3s ease;pointer-events:none;z-index:100}.tech-tooltip:hover:after,.tech-tooltip:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.particle{position:absolute;width:2px;height:2px;background:#38bdf8;border-radius:50%;opacity:0;animation:float-up 15s linear infinite}.particle:nth-child(2n){background:#8b5cf6;animation-duration:18s}.particle:nth-child(3n){background:#06b6d4;animation-duration:20s}@keyframes float-up{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100px) translate(50px);opacity:0}}.neon-text{text-shadow:0 0 7px rgba(56,189,248,.8),0 0 10px rgba(56,189,248,.6),0 0 21px rgba(56,189,248,.4),0 0 42px rgba(56,189,248,.2);animation:neon-flicker 5s linear infinite}@keyframes neon-flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{text-shadow:0 0 7px rgba(56,189,248,.8),0 0 10px rgba(56,189,248,.6),0 0 21px rgba(56,189,248,.4),0 0 42px rgba(56,189,248,.2)}20%,21.999%,63%,63.999%,65%,69.999%{text-shadow:none}}.cyber-grid{background-image:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px);background-size:50px 50px;animation:grid-shift 20s linear infinite}@keyframes grid-shift{0%{background-position:0 0}to{background-position:50px 50px}}.animated-progress{position:relative;overflow:hidden}.animated-progress:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shine 2s ease-in-out infinite}@keyframes progress-shine{0%{left:-100%}to{left:200%}}.tilt-card{transform-style:preserve-3d;transition:transform .2s ease}.tilt-card:hover{transform:perspective(1000px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg))}.typing-effect{overflow:hidden;border-right:2px solid #38bdf8;white-space:nowrap;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#38bdf8}}.hex-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l25.98 15v30L30 60 4.02 45V15z' fill='none' stroke='rgba(56,189,248,0.1)' stroke-width='1'/%3E%3C/svg%3E");background-size:60px 60px}