@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap";:root{--color-black-deep:#020509;--color-black-primary:#060d14;--color-black-secondary:#0b1929;--color-black-card:#0e1f33;--color-black-surface:#112340;--color-blue-neon:#00d4ff;--color-blue-primary:#0ea5e9;--color-blue-mid:#0284c7;--color-blue-dark:#075985;--color-blue-glow:#00d4ff26;--color-blue-glow-strong:#00d4ff59;--gradient-hero:linear-gradient(135deg, #020509 0%, #060d14 40%, #0a1a2e 70%, #0b2040 100%);--gradient-blue:linear-gradient(135deg, #0ea5e9, #00d4ff);--gradient-card:linear-gradient(145deg, #0e1f33, #112340);--gradient-text:linear-gradient(90deg, #00d4ff, #0ea5e9, #7dd3fc);--gradient-glassmorphism:linear-gradient(135deg, #0e1f3399, #11234066);--font-primary:"Outfit", sans-serif;--font-secondary:"Inter", sans-serif;--navbar-height:80px;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--border-radius-xl:40px;--shadow-blue:0 0 30px #00d4ff33;--shadow-blue-strong:0 0 60px #00d4ff66;--shadow-card:0 20px 60px #0009;--transition-fast:.2s ease;--transition-smooth:.35s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background-color:var(--color-black-primary);color:#e2ebf5;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-black-primary)}::-webkit-scrollbar-thumb{background:var(--color-blue-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-blue-primary)}.container{width:90%;max-width:1200px;margin:0 auto}.section-padding{padding:100px 0}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--gradient-glassmorphism);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius-md);border:1px solid #00d4ff1a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d4ff33,0 0 40px #00d4ff1a}50%{box-shadow:0 0 40px #00d4ff80,0 0 80px #00d4ff33}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes borderPulse{0%,to{border-color:#00d4ff33}50%{border-color:#00d4ff99}}.btn{font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);letter-spacing:.5px;border:none;border-radius:50px;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:var(--transition-fast);background:#ffffff14;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-blue);color:#fff;box-shadow:0 4px 24px #00d4ff59}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 40px #00d4ff8c}.btn-outline{color:var(--color-blue-neon);border:2px solid var(--color-blue-neon);background:0 0;box-shadow:0 0 10px #00d4ff26}.btn-outline:hover{background:var(--color-blue-glow);transform:translateY(-3px);box-shadow:0 0 30px #00d4ff59}.section-tag{color:var(--color-blue-neon);text-transform:uppercase;letter-spacing:2px;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:50px;margin-bottom:16px;padding:6px 18px;font-size:.8rem;font-weight:600;display:inline-block}.section-title{color:#fff;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.section-desc{color:#8aaccc;max-width:600px;font-size:1.1rem;line-height:1.8}.divider{background:var(--gradient-blue);border-radius:2px;width:60px;height:4px;margin:20px 0}.navbar{z-index:1000;height:var(--navbar-height);transition:var(--transition-smooth);align-items:center;padding:0 5%;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);background:#060d14eb;border-bottom:1px solid #00d4ff1a;box-shadow:0 4px 30px #00000080}.navbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.navbar-logo{color:#fff;letter-spacing:-.5px;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;display:flex}.logo-img{object-fit:contain;filter:drop-shadow(0 0 12px #00d4ff59);width:auto;height:50px;transition:var(--transition-smooth);flex-shrink:0}.logo-text span{color:var(--color-blue-neon)}.navbar-logo:hover .logo-img{filter:drop-shadow(0 0 30px #00d4ffa6);transform:scale(1.04)}.navbar-links{align-items:center;gap:36px;display:flex}.navbar-links a{color:#9ab8d8;transition:var(--transition-fast);font-size:.92rem;font-weight:500;position:relative}.navbar-links a:after{content:"";background:var(--gradient-blue);width:0;height:2px;transition:var(--transition-smooth);border-radius:2px;position:absolute;bottom:-4px;left:0}.navbar-links a:hover{color:var(--color-blue-neon)}.navbar-links a:hover:after{width:100%}.navbar-cta{align-items:center;gap:16px;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--color-blue-neon);width:26px;height:2px;transition:var(--transition-smooth);border-radius:2px;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=900px){.hamburger{display:flex}.navbar-links{top:var(--navbar-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth);background:#060d14f7;border-bottom:1px solid #00d4ff1a;flex-direction:column;gap:24px;padding:30px;position:fixed;left:0;right:0;transform:translateY(-110%)}.navbar-links.open{transform:translateY(0)}.navbar-cta{display:none}}.hero{background:var(--gradient-hero);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg-image{opacity:.35;z-index:0;background-image:url(/hero_bg.png);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-overlay{z-index:1;background:linear-gradient(90deg,#020509f2 30%,#02050980 80%,#02050933 100%);position:absolute;inset:0}.hero-orb{filter:blur(80px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#00d4ff26,#0000 70%);width:500px;height:500px;animation:8s ease-in-out infinite float;top:-100px;right:0}.hero-orb-2{background:radial-gradient(circle,#0ea5e91a,#0000 70%);width:350px;height:350px;animation:10s ease-in-out infinite reverse float;bottom:-50px;left:10%}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:90%;max-width:1200px;margin:0 auto;padding:120px 0 80px;display:grid;position:relative}.hero-text{animation:.9s both fadeInLeft}.hero-badge{color:var(--color-blue-neon);text-transform:uppercase;letter-spacing:2px;background:#00d4ff14;border:1px solid #00d4ff40;border-radius:50px;align-items:center;gap:8px;width:fit-content;margin-bottom:28px;padding:8px 20px;font-size:.82rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--color-blue-neon);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-glow}.hero-title{color:#fff;letter-spacing:-1px;margin-bottom:24px;font-size:clamp(2.5rem,5.5vw,4.2rem);font-weight:900;line-height:1.1}.hero-title .line-accent{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-desc{color:#7da8cc;max-width:520px;font-size:1.15rem;line-height:1.85;font-family:var(--font-secondary);margin-bottom:40px}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-stats{border-top:1px solid #00d4ff1a;gap:36px;margin-top:56px;padding-top:40px;display:flex}.hero-stat-item{flex-direction:column;display:flex}.hero-stat-number{color:var(--color-blue-neon);font-size:2rem;font-weight:800;line-height:1}.hero-stat-label{color:#6a90b0;letter-spacing:.5px;margin-top:4px;font-size:.82rem;font-weight:500}.hero-visual{justify-content:center;align-items:center;animation:.9s .2s both fadeInRight;display:flex}.hero-card-stack{width:340px;height:380px;position:relative}.hero-floating-card{background:var(--gradient-glassmorphism);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);transition:var(--transition-smooth);border:1px solid #00d4ff26;padding:20px 24px;position:absolute}.hero-card-main{width:280px;animation:6s ease-in-out infinite float;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-card-mini{width:160px;padding:14px 18px}.hero-card-mini-1{animation:7s ease-in-out infinite reverse float;top:0;right:-10px}.hero-card-mini-2{animation:9s ease-in-out 1s infinite float;bottom:20px;left:-10px}.hero-card-mini-3{animation:9s ease-in-out infinite reverse float;top:0;left:10px}.card-icon{background:var(--gradient-blue);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;font-size:1.2rem;display:flex;box-shadow:0 0 20px #00d4ff4d}.card-title{color:#e2ebf5;margin-bottom:4px;font-size:.85rem;font-weight:700}.card-desc{color:#6a90b0;font-size:.75rem}@media (width<=900px){.hero-content{text-align:center;grid-template-columns:1fr;gap:40px;padding:140px 0 60px}.hero-badge{margin:0 auto 28px}.hero-desc{margin:0 auto 40px}.hero-actions,.hero-stats{justify-content:center}.hero-visual{display:none}}.services{background:var(--color-black-primary);position:relative;overflow:hidden}.services-bg-grid{pointer-events:none;background-image:linear-gradient(#00d4ff08 1px,#0000 1px),linear-gradient(90deg,#00d4ff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.services-header{text-align:center;z-index:1;margin-bottom:64px;position:relative}.services-header .section-desc{margin:0 auto}.services-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.service-card{background:var(--gradient-card);border-radius:var(--border-radius-md);transition:var(--transition-smooth);cursor:default;border:1px solid #00d4ff14;padding:36px 28px;animation:.6s both fadeInUp;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--gradient-blue);height:3px;transition:var(--transition-smooth);transform-origin:0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:after{content:"";opacity:0;transition:var(--transition-smooth);background:radial-gradient(at 0 0,#00d4ff0d,#0000 60%);position:absolute;inset:0}.service-card:hover{border-color:#00d4ff40;transform:translateY(-8px);box-shadow:0 24px 60px #00000080,0 0 40px #00d4ff1a}.service-card:hover:before{transform:scaleX(1)}.service-card:hover:after{opacity:1}.service-icon-wrapper{width:60px;height:60px;transition:var(--transition-smooth);z-index:1;background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.8rem;display:flex;position:relative}.service-card:hover .service-icon-wrapper{background:var(--gradient-blue);border-color:#0000;transform:scale(1.05);box-shadow:0 0 25px #00d4ff66}.service-card-title{color:#e2ebf5;z-index:1;transition:var(--transition-fast);margin-bottom:12px;font-size:1.15rem;font-weight:700;position:relative}.service-card:hover .service-card-title{color:var(--color-blue-neon)}.service-card-desc{color:#6a90b0;z-index:1;font-size:.9rem;line-height:1.75;font-family:var(--font-secondary);position:relative}.service-card-tags{z-index:1;flex-wrap:wrap;gap:8px;margin-top:20px;display:flex;position:relative}.service-tag{color:var(--color-blue-primary);transition:var(--transition-fast);background:#00d4ff12;border:1px solid #00d4ff26;border-radius:50px;padding:4px 12px;font-size:.72rem;font-weight:500}.service-card:hover .service-tag{background:#00d4ff1f;border-color:#00d4ff4d}@media (width<=900px){.services-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.services-grid{grid-template-columns:1fr}}.technologies{background:var(--color-black-secondary);position:relative;overflow:hidden}.tech-header{text-align:center;margin-bottom:60px}.tech-header .section-desc{margin:0 auto}.tech-marquee-container{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.tech-track{gap:24px;width:max-content;animation:22s linear infinite marquee;display:flex}.tech-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-pill{background:var(--gradient-card);white-space:nowrap;transition:var(--transition-fast);cursor:default;border:1px solid #00d4ff1a;border-radius:50px;align-items:center;gap:12px;padding:14px 24px;display:flex}.tech-pill:hover{border-color:#00d4ff59;box-shadow:0 0 20px #00d4ff26}.tech-pill-icon{font-size:1.3rem}.tech-pill-name{color:#b0cce6;font-size:.9rem;font-weight:600}.about{background:var(--color-black-primary);position:relative}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-text .section-desc{margin-top:16px}.about-features{flex-direction:column;gap:18px;margin-top:36px;display:flex}.about-feature{align-items:flex-start;gap:16px;display:flex}.about-feature-icon{background:#00d4ff14;border:1px solid #00d4ff33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.about-feature-text h4{color:#e2ebf5;margin-bottom:4px;font-size:.95rem;font-weight:700}.about-feature-text p{color:#6a90b0;font-size:.85rem;line-height:1.65;font-family:var(--font-secondary)}.about-visual{grid-template-columns:1fr 1fr;gap:16px;animation:.9s both fadeInRight;display:grid}.about-stat-card{background:var(--gradient-card);border-radius:var(--border-radius-md);text-align:center;transition:var(--transition-smooth);border:1px solid #00d4ff1a;padding:28px 20px;animation:4s ease-in-out infinite borderPulse}.about-stat-card:hover{box-shadow:var(--shadow-blue);border-color:#00d4ff59;transform:translateY(-4px)}.about-stat-number{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.4rem;font-weight:900;line-height:1}.about-stat-label{color:#6a90b0;font-size:.82rem;font-weight:500;line-height:1.4}.about-stat-card.full-width{grid-column:span 2}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:50px}}.contact{background:var(--color-black-secondary);position:relative;overflow:hidden}.contact-orb{pointer-events:none;background:radial-gradient(circle,#00d4ff0f,#0000 60%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid;position:relative}.contact-info .section-desc{margin-top:16px;margin-bottom:36px}.contact-details{flex-direction:column;gap:24px;display:flex}.contact-item{align-items:center;gap:16px;display:flex}.contact-item-icon{background:#00d4ff14;border:1px solid #00d4ff33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;display:flex}.contact-item-text{flex-direction:column;display:flex}.contact-item-label{color:#6a90b0;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:.75rem}.contact-item-value{color:#e2ebf5;font-size:.95rem;font-weight:500}.contact-form-card{background:var(--gradient-glassmorphism);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #00d4ff1f;padding:40px}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#8aaccc;text-transform:uppercase;letter-spacing:1px;font-size:.82rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{border-radius:var(--border-radius-sm);font-family:var(--font-primary);color:#e2ebf5;transition:var(--transition-fast);resize:vertical;background:#060d14b3;border:1px solid #00d4ff26;outline:none;width:100%;padding:14px 18px;font-size:.95rem}.form-group input::placeholder,.form-group textarea::placeholder{color:#4a6a88}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#060d14e6;border-color:#00d4ff80;box-shadow:0 0 0 3px #00d4ff14}.form-group textarea{min-height:120px}.form-group select option{background:var(--color-black-card);color:#e2ebf5}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.btn-submit{justify-content:center;width:100%;padding:16px;font-size:1rem}@media (width<=900px){.contact-inner{grid-template-columns:1fr;gap:50px}.form-row{grid-template-columns:1fr}}.footer{background:var(--color-black-deep);border-top:1px solid #00d4ff14;padding:60px 0 30px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px;display:grid}.footer-brand{max-width:280px}.footer-brand .navbar-logo{margin-bottom:16px}.footer-brand-desc{color:#4a6a88;font-size:.88rem;line-height:1.7;font-family:var(--font-secondary)}.footer-links-title{color:var(--color-blue-neon);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-size:.82rem;font-weight:700}.footer-links-list{flex-direction:column;gap:12px;display:flex}.footer-links-list a{color:#4a6a88;transition:var(--transition-fast);font-size:.88rem}.footer-links-list a:hover{color:var(--color-blue-neon);padding-left:6px}.footer-bottom{border-top:1px solid #00d4ff0d;justify-content:space-between;align-items:center;padding-top:28px;display:flex}.footer-copy{color:#2a4a62;font-size:.82rem}.footer-copy span{color:var(--color-blue-neon)}@media (width<=900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2;max-width:100%}.footer-bottom{text-align:center;flex-direction:column;gap:12px}}@media (width<=600px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}}