*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:#111827;color:#fff;line-height:1.6;overflow-x:hidden;position:relative}.custom-cursor{pointer-events:none;position:fixed;z-index:9999;mix-blend-mode:difference;border-radius:50%;transition:all .1s ease}.gradient-text{background:linear-gradient(135deg,#3b82f6,#06b6d4,#8b5cf6);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;animation:gradientFlow 6s ease-in-out infinite}.btn-gradient{background:linear-gradient(135deg,#2563eb,#0891b2);border:none;color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:1rem;box-shadow:0 4px 15px #2563eb4d;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;transform-style:preserve-3d}.btn-gradient:hover{transform:scale(1.05) translateY(-2px);background:linear-gradient(135deg,#1d4ed8,#0e7490);box-shadow:0 8px 25px #2563eb66}.btn-gradient:active{transform:scale(.98) translateY(0)}.hero-cta:hover{animation:buttonPulse .6s ease-in-out infinite alternate}.card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:20px;padding:2rem;margin:1rem 0;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform-style:preserve-3d}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .8s ease}.card:hover:before{left:100%}.card:hover{background:#ffffff14;border-color:#3b82f680;transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px #0000004d,0 0 0 1px #3b82f61a}.service-card:hover{transform:translateY(-15px) scale(1.03) rotateX(2deg);box-shadow:0 40px 80px #0006}.capability-card:hover{transform:translateY(-12px) rotateY(5deg);box-shadow:0 30px 60px #3b82f633}.mission-card:hover{transform:scale(1.02) rotateX(1deg);box-shadow:0 20px 40px #3b82f626}.magnetic-element{transition:transform .3s cubic-bezier(.4,0,.2,1)}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-15px,0)}70%{transform:translate3d(0,-7px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(2deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes floatUpDown{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-15px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes morphShape{0%,to{transform:scale(1) rotate(0);border-radius:50%}33%{transform:scale(1.2) rotate(120deg);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}66%{transform:scale(.8) rotate(240deg);border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}@keyframes breathe{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.2}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes buttonPulse{0%{box-shadow:0 10px 30px #3b82f666}to{box-shadow:0 15px 40px #3b82f699}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes glow{0%,to{text-shadow:0 0 20px rgba(59,130,246,.5)}50%{text-shadow:0 0 30px rgba(59,130,246,.8),0 0 40px rgba(6,182,212,.5)}}@keyframes highlight{0%,to{text-shadow:0 0 10px rgba(96,165,250,.5)}50%{text-shadow:0 0 20px rgba(96,165,250,.8)}}@keyframes slideProgress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes scrollDot{0%{opacity:0;transform:translateY(-10px)}50%{opacity:1}to{opacity:0;transform:translateY(10px)}}@keyframes scrollGlow{0%,to{opacity:.1}50%{opacity:.3}}.stagger-animation>*{animation-fill-mode:both}.stagger-animation>*:nth-child(1){animation-delay:.1s}.stagger-animation>*:nth-child(2){animation-delay:.2s}.stagger-animation>*:nth-child(3){animation-delay:.3s}.stagger-animation>*:nth-child(4){animation-delay:.4s}.stagger-animation>*:nth-child(5){animation-delay:.5s}.stagger-animation>*:nth-child(6){animation-delay:.6s}.section-enter{animation:fadeInUp 1s ease-out}.scroll-indicator{transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}.scroll-indicator:hover{transform:translate(-50%) scale(1.2);filter:drop-shadow(0 8px 16px rgba(59,130,246,.5))}.typewriter{overflow:hidden;white-space:nowrap;border-right:3px solid #60a5fa;animation:typewriter 3s steps(15) 1s both,glow 2s ease-in-out infinite alternate}.parallax-element{transition:transform .1s ease-out}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:linear-gradient(135deg,#1f2937,#111827);border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:6px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#0891b2);box-shadow:0 0 10px #3b82f680}nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.loading-spinner{animation:spin 1s linear infinite}.card-3d{perspective:1000px;transform-style:preserve-3d}.interactive-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-hover:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #0003}.grid-item{transition:all .5s cubic-bezier(.4,0,.2,1)}.grid-item:hover{transform:scale(1.05) translateZ(20px);z-index:10}.particle{animation:float 6s ease-in-out infinite;will-change:transform}.text-shadow-glow{text-shadow:0 0 20px rgba(59,130,246,.5)}.text-gradient-animated{background:linear-gradient(-45deg,#3b82f6,#06b6d4,#8b5cf6,#ec4899);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 4s ease infinite}@media (max-width: 768px){.card{padding:1.5rem;margin:.5rem 0}.btn-gradient{width:100%;justify-content:center}.stagger-animation>*{animation-duration:.6s}.card:hover{transform:translateY(-5px) scale(1.01)}}@media (max-width: 480px){.card{padding:1rem;border-radius:12px}.btn-gradient{padding:10px 20px;font-size:.9rem}.service-card:hover{transform:translateY(-8px) scale(1.02)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.parallax-element{transform:none!important}}@media (prefers-color-scheme: dark){.card{background:#ffffff08;border-color:#3b82f633}}@media print{.card{border:1px solid #000;background:#fff;color:#000;break-inside:avoid}.gradient-text{color:#000!important;-webkit-text-fill-color:#000!important}*{animation:none!important;transition:none!important}}button:focus,a:focus{outline:2px solid #60a5fa;outline-offset:2px}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-10px) rotateX(5deg)}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:0 0 30px #3b82f666;border-color:#3b82f699}.loading{opacity:0;transition:opacity .5s ease}.loaded{opacity:1}.tooltip{opacity:0;transition:opacity .3s ease}.tooltip:hover .tooltip,div:hover .tooltip{opacity:1}.testimonial-card:hover{transform:translateY(-15px) scale(1.02) rotateX(5deg);box-shadow:0 30px 60px #8b5cf64d}.particle-system{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;background:radial-gradient(circle,rgba(59,130,246,.8) 0%,transparent 70%);border-radius:50%;animation:particleFloat 20s linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.magnetic-card{transition:transform .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.magnetic-card:hover{transform:translateZ(50px) rotateX(10deg) rotateY(10deg)}.holographic{position:relative;background:linear-gradient(45deg,#3b82f6,#06b6d4,#8b5cf6,#ec4899);background-size:400% 400%;animation:holographicShift 6s ease-in-out infinite}@keyframes holographicShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.text-reveal{overflow:hidden;position:relative}.text-reveal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,#111827,transparent);animation:textRevealSweep 2s ease-out}@keyframes textRevealSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.liquid-morph{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:liquidMorph 8s ease-in-out infinite}@keyframes liquidMorph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:50% 50% 20% 80%/25% 75%}50%{border-radius:80% 20% 50% 50%/75% 25%}75%{border-radius:20% 80% 30% 70%/75% 25% 25% 75%}}.loading-wave{display:inline-block;animation:loadingWave 1.5s ease-in-out infinite}.loading-wave:nth-child(2){animation-delay:.1s}.loading-wave:nth-child(3){animation-delay:.2s}.loading-wave:nth-child(4){animation-delay:.3s}@keyframes loadingWave{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.magnetic-cursor{position:fixed;width:40px;height:40px;background:radial-gradient(circle,#3b82f6cc,#06b6d466);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-stack{position:relative;transform-style:preserve-3d}.card-stack:before,.card-stack:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:inherit;z-index:-1;transition:transform .3s ease}.card-stack:before{transform:translateZ(-10px) translate(5px) translateY(5px);opacity:.7}.card-stack:after{transform:translateZ(-20px) translate(10px) translateY(10px);opacity:.4}.card-stack:hover:before{transform:translateZ(-5px) translate(2px) translateY(2px)}.card-stack:hover:after{transform:translateZ(-10px) translate(4px) translateY(4px)}.glow-on-hover{position:relative;transition:all .3s ease}.glow-on-hover:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,#3b82f6,#06b6d4,#8b5cf6,#ec4899);border-radius:inherit;opacity:0;z-index:-1;filter:blur(10px);transition:opacity .3s ease}.glow-on-hover:hover:before{opacity:1;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{filter:blur(10px)}50%{filter:blur(20px)}}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.1}.matrix-drop{position:absolute;color:#3b82f6;font-family:monospace;font-size:14px;animation:matrixDrop 3s linear infinite}@keyframes matrixDrop{0%{transform:translateY(-100vh);opacity:1}to{transform:translateY(100vh);opacity:0}}.scroll-reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.neon-text{color:#60a5fa;text-shadow:0 0 5px #60a5fa,0 0 10px #60a5fa,0 0 15px #60a5fa,0 0 20px #3b82f6,0 0 35px #3b82f6,0 0 40px #3b82f6;animation:neonFlicker 2s ease-in-out infinite alternate}@keyframes neonFlicker{0%,to{text-shadow:0 0 5px #60a5fa,0 0 10px #60a5fa,0 0 15px #60a5fa,0 0 20px #3b82f6,0 0 35px #3b82f6,0 0 40px #3b82f6}50%{text-shadow:0 0 2px #60a5fa,0 0 5px #60a5fa,0 0 8px #60a5fa,0 0 12px #3b82f6,0 0 18px #3b82f6,0 0 25px #3b82f6}}.gradient-border{position:relative;background:linear-gradient(45deg,#3b82f6,#06b6d4,#8b5cf6,#ec4899);background-size:400% 400%;animation:gradientBorder 6s ease infinite;padding:2px;border-radius:12px}.gradient-border:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#111827;border-radius:10px;z-index:-1}@keyframes gradientBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.parallax-layer{position:absolute;top:0;left:0;right:0;bottom:0}.parallax-layer-1{transform:translateZ(-300px) scale(4)}.parallax-layer-2{transform:translateZ(-200px) scale(3)}.parallax-layer-3{transform:translateZ(-100px) scale(2)}@media (max-width: 768px){.card{padding:1.5rem;margin:.5rem 0}.magnetic-card:hover{transform:translateY(-5px) scale(1.02)}.holographic{background-size:200% 200%}.neon-text{text-shadow:0 0 3px #60a5fa,0 0 6px #60a5fa,0 0 9px #3b82f6}}.gpu-layer{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.focus-visible{outline:2px solid #60a5fa;outline-offset:4px;border-radius:8px}@media (prefers-reduced-motion: reduce){.holographic,.neon-text,.gradient-border,.liquid-morph{animation:none}.card:hover{transform:none}}@media (prefers-color-scheme: dark){.card{background:#ffffff05;border-color:#3b82f626}.glow-on-hover:before{opacity:.5}}@media (max-width:480px){.swiper-button-next,.swiper-button-prev{display:none}}:global(.swiper-button-next),:global(.swiper-button-prev){color:#60a5fa}
