.cyber-grid{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(6,182,212,.15) 2px,transparent 2px),linear-gradient(90deg,rgba(6,182,212,.15) 2px,transparent 2px);background-size:60px 60px;animation:gridScroll 20s linear infinite}@keyframes gridScroll{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.scanlines{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 50%,rgba(6,182,212,.03) 51%);background-size:100% 4px;animation:scanline 8s linear infinite;z-index:1}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100%)}}.gradient-text{background:linear-gradient(135deg,#06b6d4,#3b82f6,#8b5cf6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cyber-shield{position:relative;animation:shieldPulse 2.5s ease-in-out infinite}.cyber-shield:before{content:"";position:absolute;inset:-15px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.3) 0%,transparent 70%);animation:shieldRipple 2.5s ease-out infinite}.cyber-shield:after{content:"";position:absolute;inset:-25px;border-radius:50%;border:2px solid rgba(6,182,212,.2);animation:shieldRipple 2.5s ease-out .5s infinite}@keyframes shieldPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(6,182,212,.6))}50%{transform:scale(1.08);filter:drop-shadow(0 0 25px rgba(6,182,212,.9))}}@keyframes shieldRipple{0%{transform:scale(.8);opacity:1}to{transform:scale(2.5);opacity:0}}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.service-card{position:relative;background:linear-gradient(145deg,#1e293b,#334155);padding:2.5rem;border-radius:1.25rem;border:1px solid rgba(6,182,212,.1);box-shadow:0 4px 6px -1px #0000004d,inset 0 1px #ffffff0d;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;color:#e2e8f0}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(6,182,212,.08) 100%);opacity:0;transition:opacity .4s ease}.service-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(6,182,212,.15),transparent);transition:left .6s ease}.service-card:hover{transform:translateY(-12px) scale(1.02);border-color:#06b6d466;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003,0 0 30px #06b6d44d,inset 0 1px #ffffff1a}.service-card:hover:before{opacity:1}.service-card:hover:after{left:100%}.service-card h3{color:#f1f5f9;font-weight:700}.service-card p{color:#cbd5e1}.service-card li{color:#94a3b8}.service-icon{display:inline-flex;padding:1.25rem;border-radius:1rem;margin-bottom:1.5rem;box-shadow:0 10px 15px -3px #0000004d,0 0 20px #06b6d433;transition:all .4s ease;position:relative}.service-icon:before{content:"";position:absolute;inset:-2px;border-radius:1rem;background:linear-gradient(135deg,#06b6d44d,#3b82f64d);opacity:0;transition:opacity .4s ease;z-index:-1}.service-card:hover .service-icon{transform:scale(1.15) rotate(8deg);box-shadow:0 20px 25px -5px #0006,0 0 30px #06b6d466}.service-card:hover .service-icon:before{opacity:1}.process-step{position:relative;padding:2.5rem;border-left:4px solid rgba(6,182,212,.2);transition:all .4s ease;background:#0f172a4d;border-radius:0 1rem 1rem 0}.process-step:before{content:"";position:absolute;left:-4px;top:0;height:0;width:4px;background:linear-gradient(180deg,#06b6d4,#3b82f6);transition:height .6s ease}.process-step:hover{border-left-color:#06b6d4;transform:translate(15px);background:#06b6d40d}.process-step:hover:before{height:100%}.process-number{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:50%;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 0 20px #06b6d466,inset 0 2px 4px #fff3;animation:numberFloat 3s ease-in-out infinite;position:relative}.process-number:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(6,182,212,.3);animation:ringPulse 2s ease-out infinite}@keyframes numberFloat{0%,to{transform:translateY(0);box-shadow:0 0 20px #06b6d466}50%{transform:translateY(-10px);box-shadow:0 10px 40px #06b6d499}}@keyframes ringPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.stat-card{padding:2rem;transition:all .4s ease;position:relative}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#06b6d40d,#3b82f60d);border-radius:1rem;opacity:0;transition:opacity .4s ease}.stat-card:hover{transform:scale(1.1)}.stat-card:hover:before{opacity:1}.hex-pattern{position:absolute;inset:0;opacity:.03;background-image:radial-gradient(circle at 50% 50%,rgba(6,182,212,.3) 2px,transparent 2px);background-size:50px 50px;pointer-events:none}.digital-border{position:relative;border:2px solid transparent;background:linear-gradient(145deg,#1e293b,#334155) padding-box,linear-gradient(135deg,#06b6d4,#3b82f6) border-box;border-radius:1rem}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{animation:glitch-1 2s infinite;color:#06b6d4;z-index:-1}.glitch:after{animation:glitch-2 2s infinite;color:#3b82f6;z-index:-2}@keyframes glitch-1{0%,to{transform:translate(0);opacity:0}20%{transform:translate(-2px,2px);opacity:.8}40%{transform:translate(-2px,-2px);opacity:0}60%{transform:translate(2px,2px);opacity:.8}80%{transform:translate(2px,-2px);opacity:0}}@keyframes glitch-2{0%,to{transform:translate(0);opacity:0}20%{transform:translate(2px,-2px);opacity:0}40%{transform:translate(2px,2px);opacity:.8}60%{transform:translate(-2px,-2px);opacity:0}80%{transform:translate(-2px,2px);opacity:.8}}.terminal-text{font-family:Courier New,monospace;color:#06b6d4;text-shadow:0 0 10px rgba(6,182,212,.5)}.cyber-btn{position:relative;overflow:hidden;isolation:isolate}.cyber-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.cyber-btn:hover:before{transform:translate(100%)}.matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:.1;pointer-events:none}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}#particles-hero{pointer-events:none;z-index:1}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#0f172a,#1e293b);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#06b6d4,#3b82f6);border-radius:10px;border:2px solid #1e293b;box-shadow:inset 0 0 6px #06b6d480}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0891b2,#2563eb);box-shadow:0 0 15px #06b6d4cc}input:focus,textarea:focus,select:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d426,0 0 20px #06b6d433}.cyber-loading{position:relative;width:50px;height:50px;border:4px solid rgba(6,182,212,.2);border-top-color:#06b6d4;border-radius:50%;animation:cyberSpin 1s linear infinite;box-shadow:0 0 20px #06b6d466}@keyframes cyberSpin{to{transform:rotate(360deg)}}.security-badge{position:relative;display:inline-block;padding:.625rem 1.25rem;background:linear-gradient(135deg,#06b6d426,#3b82f626);border:1px solid rgba(6,182,212,.4);border-radius:2rem;font-size:.875rem;font-weight:600;color:#06b6d4;text-shadow:0 0 10px rgba(6,182,212,.5);box-shadow:0 0 15px #06b6d433,inset 0 0 10px #06b6d41a;animation:badgeGlow 2.5s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 15px #06b6d433,inset 0 0 10px #06b6d41a}50%{box-shadow:0 0 25px #06b6d466,inset 0 0 15px #06b6d433}}@media (max-width: 768px){.cyber-grid{background-size:40px 40px}.gradient-text{font-size:2.5rem}.process-step{border-left:none;border-top:4px solid rgba(6,182,212,.2);padding-left:1.5rem;padding-top:2rem;border-radius:1rem 1rem 0 0}.process-step:before{left:0;top:-4px;width:0;height:4px}.process-step:hover:before{width:100%;height:4px}.process-step:hover{transform:translateY(-8px)}.service-card{padding:2rem}}@media (prefers-color-scheme: dark){.service-card{background:linear-gradient(145deg,#0f172a,#1e293b);border-color:#06b6d426}}.parallax{transform:translateZ(0);will-change:transform}*{transition:none}a,button,.service-card,.process-step,.stat-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.cyber-dots{background-image:radial-gradient(circle,rgba(6,182,212,.15) 1px,transparent 1px);background-size:30px 30px}.neon-text{color:#06b6d4;text-shadow:0 0 5px rgba(6,182,212,.5),0 0 10px rgba(6,182,212,.4),0 0 20px rgba(6,182,212,.3);animation:neonFlicker 3s infinite}@keyframes neonFlicker{0%,to{text-shadow:0 0 5px rgba(6,182,212,.5),0 0 10px rgba(6,182,212,.4),0 0 20px rgba(6,182,212,.3)}50%{text-shadow:0 0 10px rgba(6,182,212,.7),0 0 20px rgba(6,182,212,.6),0 0 30px rgba(6,182,212,.5)}}
