:root{--bg:#071428;--panel-1:#0e2a3e;--panel-2:#0f2433;--accent:#00e0ff;--muted:#9fb5c4;--container-max:1200px}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:linear-gradient(180deg,var(--bg) 0%,#041026 100%);color:#fff;overflow-x:hidden;padding-top:76px}html{scroll-behavior:smooth}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scroll-reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.scroll-reveal.visible{opacity:1;transform:translateY(0);animation:slideInUp .8s ease-out forwards}.premium-border{border:1px solid rgba(0,224,255,.2);transition:all .3s ease}.premium-border:hover{border-color:#00e0ff80;box-shadow:0 0 20px #00e0ff33}.premium-card{background:linear-gradient(135deg,#111a2c99,#0f1827cc);border:1px solid rgba(0,224,255,.15);border-radius:12px;padding:24px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,224,255,.1),transparent);transition:left .5s ease}.premium-card:hover{border-color:#00e0ff66;background:linear-gradient(135deg,#111a2ccc,#0f1827f2);box-shadow:0 10px 30px #00e0ff26;transform:translateY(-8px)}.premium-card:hover:before{left:100%}.premium-text{background:linear-gradient(135deg,#ffffff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.premium-shadow{box-shadow:0 10px 40px #00e0ff1a,inset 0 0 20px #00e0ff0d;transition:all .3s ease}.premium-shadow:hover{box-shadow:0 20px 60px #00e0ff40,inset 0 0 30px #00e0ff26}.premium-fade-slow{animation:fadeInUp 1s cubic-bezier(.25,.46,.45,.94)}.premium-scale-in{animation:scaleIn .6s cubic-bezier(.25,.46,.45,.94)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.premium-gradient-hover{transition:all .3s ease;background-size:200% 200%}.premium-gradient-hover:hover{background-position:100% 100%}.premium-text-glow{text-shadow:0 0 20px rgba(0,224,255,.4),0 0 40px rgba(0,224,255,.2);transition:text-shadow .3s ease}.premium-text-glow:hover{text-shadow:0 0 30px rgba(0,224,255,.6),0 0 60px rgba(0,224,255,.3)}.nav-accent{position:relative;z-index:10}body:before{content:"";position:fixed;left:0;top:0;right:0;bottom:0;background:radial-gradient(800px 400px at 85% 10%,rgba(0,224,255,.06),transparent 20%),radial-gradient(600px 300px at 10% 90%,rgba(0,224,255,.03),transparent 18%);pointer-events:none;z-index:0}.premium-glow{position:relative}.premium-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,224,255,.1),transparent);border-radius:inherit;opacity:0;transition:opacity .3s ease;pointer-events:none}.premium-glow:hover:after{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(0,224,255,.3))}50%{transform:scale(1.05);filter:drop-shadow(0 0 15px rgba(0,224,255,.6))}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 5px rgba(0,224,255,.3))}50%{filter:drop-shadow(0 0 20px rgba(0,224,255,.8))}}nav{display:flex;justify-content:space-between;align-items:center;padding:14px 6%;position:fixed;top:0;left:0;right:0;width:100%;background:linear-gradient(180deg,#020810cc,#020a1466);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;animation:slideDown .6s ease-out;border-bottom:1px solid rgba(0,224,255,.1);transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 20px #0000004d}nav:hover{background:linear-gradient(180deg,#020810f2,#020a1480);box-shadow:0 8px 30px #00e0ff26}.logo-container{display:flex;align-items:center;cursor:pointer;transition:all .3s ease}.logo-container:hover{transform:scale(1.08)}.navbar-logo{height:45px;max-width:150px;object-fit:contain;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.navbar-logo:hover{animation:logoPulse .6s ease-in-out}.navbar-brand{color:var(--accent);font-weight:700;font-size:20px;letter-spacing:.5px;margin-left:12px;transition:all .3s ease}nav h2{color:var(--accent);letter-spacing:.6px;font-weight:700;font-size:24px;transition:all .3s ease;position:relative}nav h2:before{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s cubic-bezier(.25,.46,.45,.94)}nav h2:hover:before{width:100%}nav ul{display:flex;list-style:none;gap:28px;align-items:center}nav ul li{position:relative}nav ul li a{text-decoration:none;color:#e7f6fb;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94);padding:8px 12px;border-radius:6px;position:relative;display:inline-block}nav ul li a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent);transform:translate(-50%);transition:width .3s cubic-bezier(.25,.46,.45,.94)}nav ul li a:hover{color:var(--accent);background:#00e0ff26;transform:translateY(-4px);box-shadow:0 8px 20px #00e0ff33}nav ul li a:hover:before{width:100%}nav ul li a.active{color:var(--accent);background:#00e0ff33;box-shadow:0 0 15px #00e0ff4d}.container{max-width:var(--container-max);margin:0 auto;padding:0 22px}.premium-title{font-size:3.5rem;font-weight:800;letter-spacing:-1px;line-height:1.2;background:linear-gradient(135deg,#ffffff 0%,var(--accent) 50%,#39f0ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titlePulse 3s ease-in-out infinite}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 10px rgba(0,224,255,.3))}50%{filter:drop-shadow(0 0 20px rgba(0,224,255,.6))}}.premium-subtitle{font-size:1.2rem;color:#d0dce5;line-height:1.6;opacity:.9;animation:fadeInUp .8s ease-out .3s forwards}.premium-button{position:relative;overflow:hidden}.premium-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmerButton 3s infinite}@keyframes shimmerButton{0%{left:-100%}to{left:100%}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:48px 0;background:linear-gradient(to bottom,transparent,rgba(0,224,255,.02))}.hero-animated-bg{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#071428,#0a1f35,#071428,#0a1f35,#071428);background-size:400% 400%;animation:gradientShift 15s ease infinite;z-index:1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.floating-shapes{position:absolute;width:100%;height:100%;overflow:hidden;z-index:2}.shape{position:absolute;opacity:.05;border-radius:50%}.shape-1{width:300px;height:300px;top:-150px;left:-150px;background:radial-gradient(circle,rgba(0,224,255,.3),transparent);animation:float 20s infinite ease-in-out}.shape-2{width:200px;height:200px;bottom:-100px;right:-100px;background:radial-gradient(circle,rgba(0,224,255,.3),transparent);animation:float 25s infinite ease-in-out reverse}.shape-3{width:150px;height:150px;top:50%;left:20%;background:radial-gradient(circle,rgba(0,224,255,.2),transparent);animation:float 30s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-30px) translate(20px)}66%{transform:translateY(30px) translate(-20px)}}.hero-content{position:relative;z-index:3;text-align:center;animation:heroFadeIn 1s ease-out}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.hero-text{margin-bottom:50px}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;letter-spacing:-1px;line-height:1.2;background:linear-gradient(135deg,#fff,#00e0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typing-text{display:inline-block;min-height:1em}.cursor{display:inline-block;width:3px;height:1.2em;background:var(--accent);margin-left:5px;animation:blink .7s infinite;vertical-align:middle}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.hero-subtitle{font-size:1.2rem;color:#d0dce5;max-width:700px;margin:0 auto 40px;line-height:1.6}.fade-in-delayed{animation:fadeInUp .8s ease-out .3s forwards;opacity:0}.fade-in-delayed-2{animation:fadeInUp .8s ease-out .6s forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;z-index:3;animation:pulse 2s infinite;cursor:pointer}.scroll-indicator:hover span{color:#39f0ff;text-shadow:0 0 10px rgba(0,224,255,.5)}.scroll-indicator:hover .mouse{border-color:#39f0ff}.scroll-indicator span{font-size:.9rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.mouse{width:24px;height:40px;border:2px solid var(--accent);border-radius:12px;position:relative;transition:all .3s ease}.mouse:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:2px;height:8px;background:var(--accent);border-radius:2px;animation:scroll 1.5s infinite}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(12px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes move{0%{transform:translate(-200px,-100px)}to{transform:translate(200px,100px)}}.hero h1{font-size:3.5rem;font-weight:800;z-index:3;letter-spacing:-1px;line-height:1.2;margin:0}.hero p{margin-top:20px;max-width:700px;opacity:.9;z-index:3;color:var(--muted);font-size:1.2rem;line-height:1.6}.hero .buttons{margin-top:40px;display:flex;gap:18px;z-index:3;justify-content:center}.btn{padding:14px 32px;border-radius:12px;border:none;cursor:pointer;font-weight:700;transition:all .2s cubic-bezier(.25,.46,.45,.94);letter-spacing:.2px;font-size:1rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .3s ease;z-index:0}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(90deg,var(--accent),#39f0ff 140%);color:#02202a;box-shadow:0 14px 36px #00e0ff26,inset 0 -6px 20px #0000001f}.btn-primary:hover{transform:translateY(-6px);box-shadow:0 20px 50px #00e0ff4d,inset 0 -6px 20px #0000001f}.btn-outline{background:transparent;border:2px solid rgba(0,212,255,.3);color:var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-outline:hover{background:#00e0ff1a;border-color:var(--accent);box-shadow:0 0 20px #00e0ff4d;transform:translateY(-6px)}.btn:active{transform:translateY(-2px)}section{padding:70px 0}.section-title{text-align:center;margin-bottom:48px;opacity:0;animation:fadeInDown .8s ease-out forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.section-title h2{font-size:38px;margin-bottom:10px;background:linear-gradient(135deg,#ffffff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.scroll-reveal.visible .section-title h2{animation:titleGlow 2s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 10px rgba(0,224,255,0))}50%{filter:drop-shadow(0 0 15px rgba(0,224,255,.3))}}.section-title p{animation:slideInUp .8s ease-out .2s forwards;opacity:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about-content{display:flex;flex-direction:column;gap:25px}.about-content p{font-size:16px;line-height:1.8;color:#d0dce5;text-align:justify}.about-image{display:flex;justify-content:center;align-items:center;height:100%;min-height:500px}.about-image img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 12px 40px #00e0ff26;transition:all .3s ease;border:2px solid rgba(0,224,255,.2)}.about-image img:hover{transform:scale(1.02);box-shadow:0 16px 50px #00e0ff59}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@keyframes statSlideIn{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes statGlow{0%,to{border-color:#00e0ff33;box-shadow:0 0 15px #00e0ff26,inset 0 0 15px #00e0ff0d}50%{border-color:#00e0ff80;box-shadow:0 0 30px #00e0ff4d,inset 0 0 25px #00e0ff26}}@keyframes numberCountUp{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes shimmerStat{0%{left:-100%}to{left:100%}}.stat{background:linear-gradient(135deg,#111a2ccc,#0f1827f2);padding:28px;border-radius:14px;text-align:center;border:2px solid rgba(0,224,255,.15);box-shadow:0 8px 25px #00e0ff1a,inset 0 0 20px #00e0ff0d;opacity:1;animation:statSlideIn .7s cubic-bezier(.25,.46,.45,.94) 0s forwards;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.stat:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmerStat 4s infinite}.stat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,224,255,.1),transparent);opacity:0;transition:opacity .3s ease;border-radius:14px;pointer-events:none}.stat:nth-child(1){animation-delay:.1s}.stat:nth-child(2){animation-delay:.2s}.stat:nth-child(3){animation-delay:.3s}.stat:nth-child(4){animation-delay:.4s}@keyframes statHoverGlow{0%,to{box-shadow:0 15px 45px #00e0ff40,inset 0 0 30px #00e0ff33}50%{box-shadow:0 15px 50px #00e0ff66,inset 0 0 35px #00e0ff4d}}.stat:hover{transform:translateY(-12px) scale(1.05);background:linear-gradient(135deg,#111a2cf2,#0f1827);border-color:#00e0ff80;animation:statHoverGlow 1.5s ease-in-out infinite}.stat:hover:after{opacity:1}.stat-wrapper{position:relative;z-index:2}.stat-number{font-size:42px;font-weight:900;background:linear-gradient(135deg,#00e0ff,#39f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:-1px;animation:numberCountUp .8s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0;animation-delay:.3s}.stat:hover .stat-number{filter:drop-shadow(0 0 15px rgba(0,224,255,.6))}.stat-label{font-size:16px;color:#9fb5c4;font-weight:600;letter-spacing:.3px;opacity:0;animation:fadeInUp .6s ease-out .4s forwards;transition:all .3s ease}.stat:hover .stat-label{color:#00e0ff;font-weight:700;letter-spacing:.5px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.card{background:linear-gradient(180deg,var(--panel-1) 0%,rgba(15,36,51,.96) 100%);padding:36px 40px;border-radius:18px;transition:.25s ease;box-shadow:0 6px 18px #030a1499;border:1px solid rgba(255,255,255,.02)}.card:hover{transform:translateY(-6px);background:linear-gradient(180deg,#12263a,#16233b);box-shadow:0 10px 28px #00d4ff0f}.card h3{margin-bottom:18px;color:#00d4ff;font-size:22px}.card ul{margin-top:8px;padding-left:22px}.card li{margin:10px 0;font-size:17px;line-height:1.5}.slider-container{max-width:var(--container-max);margin:0 auto;position:relative;display:flex;align-items:center;gap:15px}.slider{display:flex;flex-direction:column;gap:8px;flex:1;overflow:hidden}.slider-btn{background:#00e0ff1a;border:1px solid rgba(0,224,255,.3);color:var(--accent);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-size:18px;flex-shrink:0;position:relative;overflow:hidden}.slider-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#00e0ff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s}.slider-btn:hover:before{width:100%;height:100%}.slider-btn:hover{background:#00e0ff33;border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 20px #00e0ff4d}.slider-btn:active{transform:translateY(-2px)}.slider-btn i{position:relative;z-index:1;transition:all .3s ease}.slider-dots{display:flex;justify-content:center;gap:12px;margin-top:32px}.slider-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);padding:0;position:relative}.slider-dot:hover{background:#00e0ff66;transform:scale(1.3);box-shadow:0 0 15px #00e0ff66}.slider-dot.active{background:var(--accent);border-color:var(--accent);width:32px;border-radius:6px;box-shadow:0 0 20px #00e0ff99;animation:expandDot .4s ease-out}@keyframes expandDot{0%{width:12px;border-radius:50%}to{width:32px;border-radius:6px}}.slider-autoplay-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00e0ff1a,#00e0ff0d);border:2px solid rgba(0,224,255,.3);color:#00e0ff99;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);font-size:14px;display:flex;align-items:center;justify-content:center;position:relative;margin-left:16px}.slider-autoplay-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(0,224,255,.2),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.slider-autoplay-btn:hover{background:linear-gradient(135deg,#00e0ff40,#00e0ff26);border-color:#00e0ff99;color:#00e0ff;transform:scale(1.1);box-shadow:0 0 20px #00e0ff4d}.slider-autoplay-btn:hover:before{opacity:1}.slider-autoplay-btn.active{background:linear-gradient(135deg,#00e0ff33,#00e0ff1a);border-color:#00e0ffcc;color:#00e0ff;box-shadow:0 0 25px #00e0ff66,inset 0 0 15px #00e0ff1a;animation:playPulse 2s ease-in-out infinite}@keyframes playPulse{0%,to{box-shadow:0 0 25px #00e0ff66,inset 0 0 15px #00e0ff1a}50%{box-shadow:0 0 35px #00e0ff99,inset 0 0 20px #00e0ff33}}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes featureSlideIn{0%{opacity:0;transform:translateY(40px) scale(.9);filter:blur(8px)}50%{filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes featureSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.9)}}@keyframes titleReveal{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes descReveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.feature-service{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;background:linear-gradient(180deg,#ffffff05,#ffffff01);padding:28px;border-radius:18px;border:1px solid rgba(255,255,255,.03);box-shadow:0 10px 30px #020a1499;transition:opacity .3s ease,background .4s cubic-bezier(.25,.46,.45,.94),border-color .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);opacity:1;animation:featureSlideIn .6s cubic-bezier(.25,.46,.45,.94) forwards}.feature-service:hover{background:linear-gradient(180deg,#00e0ff0a,#ffffff01);border-color:#00e0ff1a;box-shadow:0 15px 40px #00e0ff26}.fade-content{opacity:0;animation:fadeInUp .6s ease-out .2s forwards!important}.feature-content h2{color:var(--accent);font-size:28px;margin-bottom:8px;opacity:0;animation:titleReveal .8s cubic-bezier(.25,.46,.45,.94) .3s forwards}.feature-content .lead{color:var(--muted);margin-bottom:16px;font-size:16px;animation:descReveal .7s cubic-bezier(.25,.46,.45,.94) .4s forwards;opacity:0;line-height:1.6}.feature-points{list-style:disc;padding-left:20px;margin:8px 0 18px}.feature-points li{margin:8px 0;color:#e6f7fb;font-size:16px;transition:all .3s ease}.feature-points li:hover{color:var(--accent);transform:translate(10px)}.feature-actions{display:flex;gap:14px;align-items:center;animation:fadeInUp .6s ease-out .4s forwards;opacity:0}.feature-media{height:240px;border-radius:12px;background:linear-gradient(135deg,#00d4ff0f,#ffffff03);display:block;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 8px 24px #0000004d;animation:slideInRight .6s ease-out .3s forwards;opacity:0;position:relative;overflow:hidden;transition:all .4s ease}.feature-media:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes slideInRight{0%{opacity:0;transform:translate(50px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.feature-service:hover .feature-media{transform:scale(1.05);box-shadow:0 12px 35px #00e0ff40}@media (max-width:920px){.feature-service{grid-template-columns:1fr}.feature-media{height:200px}.slider-container{flex-direction:column;gap:16px}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;font-size:16px}.slider-btn-prev{left:-8px}.slider-btn-next{right:-8px}}.testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}@keyframes testimonialSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes borderGlow{0%,to{border-color:#00e0ff33;box-shadow:0 0 10px #00e0ff1a,inset 0 0 10px #00e0ff0d}50%{border-color:#00e0ff80;box-shadow:0 0 20px #00e0ff40,inset 0 0 15px #00e0ff1a}}.testimonial{background:linear-gradient(180deg,#111a2ccc,#0f1827e6);border:1px solid rgba(0,224,255,.15);border-radius:12px;padding:12px;opacity:0;animation:testimonialSlideIn .6s cubic-bezier(.25,.46,.45,.94) forwards;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.testimonial: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 .5s ease}.testimonial:hover:before{left:100%}.testimonial:nth-child(1){animation-delay:.1s}.testimonial:nth-child(2){animation-delay:.25s}.testimonial:hover{transform:translateY(-12px) scale(1.02);background:linear-gradient(180deg,#142337f2,#141c30);border-color:#00e0ff66;box-shadow:0 15px 40px #00e0ff33,inset 0 0 20px #00e0ff14}.testimonial-info{margin-top:5px;opacity:0;animation:fadeInUp .6s ease-out .3s forwards}.testimonial-info h4{color:#00e0ff;margin-bottom:5px;font-size:16px;font-weight:700;letter-spacing:.5px;transition:all .3s ease}.testimonial:hover .testimonial-info h4{color:#39f0ff;text-shadow:0 0 10px rgba(0,224,255,.4)}.testimonial-info span{font-size:13px;opacity:.75;color:#9fb5c4;transition:color .3s ease;display:block;font-weight:500}.testimonial:hover .testimonial-info span{color:#00e0ff;opacity:.9}.testimonial p{color:#d0dce5;line-height:1.6;font-size:15px;opacity:0;animation:fadeInUp .6s ease-out .2s forwards;transition:all .3s ease}.testimonial:hover p{color:#fff}.contact-form{max-width:600px;margin:auto;opacity:0;animation:fadeInUp .8s ease-out .2s forwards}@keyframes inputSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes labelFloat{0%{opacity:1;transform:translateY(0)}to{opacity:.7;transform:translateY(-8px)}}.form-group{margin-bottom:24px;position:relative;animation:inputSlideIn .6s ease-out forwards;opacity:0}.form-group:nth-child(1){animation-delay:.3s}.form-group:nth-child(2){animation-delay:.4s}.form-group:nth-child(3){animation-delay:.5s}.form-input{width:100%;padding:15px;border:none;border-bottom:2px solid rgba(0,224,255,.2);border-radius:4px;background:linear-gradient(to bottom,#111a2c80,#0f1827cc);color:#fff;font-size:16px;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:1}.form-input::placeholder{color:#9fb5c499;transition:color .3s ease}.form-input:focus{outline:none;background:linear-gradient(to bottom,#111a2ccc,#0f1827f2);border-bottom-color:var(--accent);box-shadow:0 8px 20px #00e0ff26,inset 0 0 15px #00e0ff0d;transform:translateY(-4px)}.form-input:focus::placeholder{color:#00e0ff80}.form-underline{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:0}.form-input:focus~.form-underline{transform:scaleX(1)}.form-input:valid{border-bottom-color:#00e0ff66}.contact-btn{width:100%;animation:inputSlideIn .6s ease-out .6s forwards;opacity:0;position:relative;overflow:hidden}.contact-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;transform:translate(-100%);transition:transform .4s ease;z-index:0}.contact-btn:hover:after{transform:translate(100%)}.contact-btn:hover{box-shadow:0 20px 50px #00e0ff4d,inset 0 0 25px #00e0ff26;transform:translateY(-8px) scale(1.02)}.contact-btn:active{transform:translateY(-4px) scale(1)}footer{background:linear-gradient(180deg,#060d1a,#050a15);padding:60px 0 12px;text-align:left;border-top:1px solid rgba(0,224,255,.1);position:relative;overflow:hidden}footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,224,255,.5),transparent);animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.3}50%{opacity:1}}footer p{opacity:.75;transition:opacity .3s ease}@keyframes fadeInFooter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-footer-item{opacity:0;animation:fadeInFooter .6s cubic-bezier(.25,.46,.45,.94) forwards}.footer-grid{display:grid;grid-template-columns:300px 1fr 340px;gap:32px;align-items:start;padding-top:18px;padding-bottom:18px;position:relative;z-index:1}.footer-logo{width:120px;height:auto;border-radius:6px;display:block;margin-bottom:18px;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:2px solid rgba(0,224,255,.2)}.footer-logo:hover{transform:scale(1.08) translateY(-8px);border-color:#00e0ff80;box-shadow:0 10px 30px #00e0ff33}.footer-brand p{color:var(--muted);max-width:100%;line-height:1.7;font-size:15px;transition:color .3s ease}.footer-brand:hover p{color:#d0dce5}.footer-links h4,.footer-contact h4{color:#fff;margin-bottom:12px;font-size:18px;letter-spacing:.5px;transition:all .3s ease;position:relative;display:inline-block}.footer-links h4:after,.footer-contact h4:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s cubic-bezier(.25,.46,.45,.94)}.footer-links:hover h4:after,.footer-contact:hover h4:after{width:100%}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin:12px 0;transition:transform .3s ease}.footer-links li:hover{transform:translate(8px)}.footer-links a{color:var(--muted);text-decoration:none;transition:all .3s ease;position:relative}.footer-links a:before{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:var(--accent);transition:width .3s ease}.footer-links a:hover:before{width:100%}.footer-links a:hover{color:var(--accent)}.footer-contact address{color:var(--muted);line-height:1.6;font-style:normal;margin-bottom:12px;font-size:15px;transition:color .3s ease}.footer-contact:hover address{color:#d0dce5}.contact-list{display:flex;flex-direction:column;gap:8px}.contact-row{display:flex;gap:10px;align-items:center;color:var(--muted);transition:all .3s ease}.contact-row:hover{transform:translate(8px);color:#d0dce5}.contact-row i{color:var(--accent);width:18px;transition:all .3s ease;font-size:16px}.contact-row:hover i{transform:rotate(360deg) scale(1.2);text-shadow:0 0 10px rgba(0,224,255,.5)}.contact-row a{color:var(--muted);text-decoration:none;transition:color .3s ease}.contact-row a:hover{color:var(--accent)}.social-inline{display:flex;gap:10px;margin-top:8px}.social-icon{width:36px;height:36px;background:linear-gradient(135deg,#00e0ff1a,#00d4ff0d);border:1px solid rgba(0,224,255,.2);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font-size:14px;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;overflow:hidden}.social-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,224,255,.3),transparent);opacity:0;transition:opacity .3s ease;border-radius:8px}.social-hover:hover{background:linear-gradient(135deg,#00e0ff40,#00d4ff26);border-color:var(--accent);transform:translateY(-6px) scale(1.1);box-shadow:0 8px 20px #00e0ff4d,inset 0 0 10px #00e0ff33}.social-hover:hover:before{opacity:1}.social-icon i{position:relative;z-index:1;transition:transform .3s ease}.social-hover:hover i{transform:scale(1.3) rotate(10deg)}.footer-sep{border:0;border-top:1px solid rgba(255,255,255,.04);margin:6px 0;position:relative;z-index:1}.copyright{color:var(--muted);text-align:center;padding:8px 0 0;margin:0;opacity:0;animation:fadeInUp .8s ease-out .5s forwards;transition:color .3s ease;font-size:14px}.copyright:hover{color:#d0dce5}@media (max-width:960px){.footer-grid{grid-template-columns:1fr;gap:20px}.copyright{text-align:left}}.social{margin-top:25px;display:flex;justify-content:center;gap:20px}.social-icon{width:45px;height:45px;background:#111a2c;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#00d4ff;font-size:18px;transition:.3s;text-decoration:none}.social-icon:hover{background:#00d4ff;color:#000;transform:translateY(-5px);box-shadow:0 8px 20px #00d4ff66}@media (max-width:900px){.about{grid-template-columns:1fr}.hero h1{font-size:38px}.hero p{width:90%}}
