:root{--primary:#06f;--primary-dark:#0052cc;--primary-light:#3385ff;--secondary:#00d4ff;--accent:#ff6b35;--dark:#0a0f1c;--dark-light:#1a1f35;--gray-900:#1e293b;--gray-800:#334155;--gray-700:#475569;--gray-600:#64748b;--gray-500:#94a3b8;--gray-400:#cbd5e1;--gray-300:#e2e8f0;--gray-200:#f1f5f9;--gray-100:#f8fafc;--gray-50:#fafbfc;--white:#fff;--gradient-primary:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);--gradient-dark:linear-gradient(135deg,var(--dark) 0%,var(--dark-light) 100%);--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow:0 4px 12px rgba(0,0,0,.08);--shadow-md:0 8px 20px rgba(0,0,0,.1);--shadow-lg:0 20px 40px rgba(0,0,0,.12);--shadow-xl:0 30px 60px rgba(0,0,0,.15);--transition:all .3s cubic-bezier(.4,0,.2,1);--transition-fast:all .15s ease;--font-sans:-apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , "Inter" , "Helvetica Neue" , Arial , sans-serif;--font-mono:"SF Mono" , Monaco , "Cascadia Code" , monospace;--container-width:1200px;--section-padding:100px;--border-radius:16px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family: var(--font-sans);font-size:16px;line-height:1.6;color:var(--gray-700);background:var(--white)}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:var(--transition)}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding) 0}.section-gray{background:var(--gray-100)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:var(--transition)}.header.scrolled{background:rgba(255,255,255,.95);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.navbar-logo img{height:45px;width:auto;transition:var(--transition)}.navbar-menu{display:flex;align-items:center;gap:4px}.navbar-menu li a{display:flex;align-items:center;gap:6px;padding:12px 18px;font-size:15px;font-weight:500;color:rgba(255,255,255,.95);border-radius:10px;transition:var(--transition)}.header.scrolled .navbar-menu li a{color:var(--gray-700)}.navbar-menu li a:hover,.navbar-menu li a.active{background:rgba(255,255,255,.15);color:#fff}.header.scrolled .navbar-menu li a:hover,.header.scrolled .navbar-menu li a.active{background:var(--gray-100);color:var(--primary)}.dropdown{position:relative}.dropdown-menu{position:absolute;top: calc(100% + 8px);left:0;min-width:260px;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li a{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--gray-700);font-size:14px;border-radius:8px;transition:var(--transition-fast)}.dropdown-menu li a:hover{background:var(--gray-100);color:var(--primary)}.dropdown-menu li a i{width:20px;color:var(--primary)}.navbar-toggle{display:none;flex-direction:column;gap:6px;padding:8px;border-radius:8px;background:rgba(255,255,255,.1)}.navbar-toggle span{width:24px;height:2px;background:#fff;border-radius:2px;transition:var(--transition)}.header.scrolled .navbar-toggle span{background:var(--dark)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;border-radius:12px;transition:var(--transition);cursor:pointer;border:2px solid transparent}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px rgba(0,102,255,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,102,255,.4)}.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}.btn-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.btn-white{background:#fff;color:var(--primary)}.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-lg{padding:18px 36px;font-size:16px}.btn-sm{padding:10px 20px;font-size:14px}.btn-outline-primary{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline-primary:hover{background:var(--primary);color:#fff}.hero{padding:180px 0 120px;background:var(--gradient-dark);position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,102,255,.15) 0%,transparent 50%) , radial-gradient(circle at 80% 80%,rgba(0,212,255,.15) 0%,transparent 50%);pointer-events:none}.hero-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:14px;font-weight:600;margin-bottom:30px;backdrop-filter:blur(10px)}.hero-title{font-size:64px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.hero-title span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:20px;color:rgba(255,255,255,.8);line-height:1.7;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.stats{margin-top:-60px;position:relative;z-index:10;padding-bottom:80px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;background:#fff;padding:50px;border-radius:20px;box-shadow:var(--shadow-xl)}.stat-item{text-align:center}.stat-icon{width:70px;height:70px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:28px}.stat-number{font-size:48px;font-weight:800;color:var(--dark);line-height:1;margin-bottom:8px}.stat-label{color:var(--gray-600);font-size:16px;font-weight:500}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--gray-100);color:var(--primary);font-size:14px;font-weight:600;border-radius:50px;margin-bottom:20px}.section-title{font-size:48px;font-weight:800;color:var(--dark);line-height:1.2;margin-bottom:20px;letter-spacing:-.02em}.section-desc{font-size:18px;color:var(--gray-600);line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.service-card{background:#fff;padding:40px 30px;border-radius:16px;box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--gray-200)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.service-icon{width:70px;height:70px;background:var(--gradient-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;margin-bottom:24px}.service-title{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:12px;line-height:1.3}.service-desc{color:var(--gray-600);font-size:15px;line-height:1.7;margin-bottom:20px}.service-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:600;font-size:15px;transition:var(--transition)}.service-link:hover{gap:12px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.why-content .section-badge{display:inline-flex}.why-content .section-title{text-align:left;margin-bottom:24px}.why-text{font-size:18px;color:var(--gray-600);line-height:1.8;margin-bottom:40px}.why-features{display:grid;gap:24px;margin-bottom:40px}.why-item{display:flex;gap:20px;padding:24px;background:var(--gray-50);border-radius:14px;transition:var(--transition);border:1px solid var(--gray-200)}.why-item:hover{background:#fff;box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateX(8px)}.why-icon{width:56px;height:56px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.why-item h4{font-size:18px;font-weight:700;color:var(--dark);margin-bottom:8px}.why-item p{color:var(--gray-600);font-size:15px;line-height:1.6}.why-image{display:flex;align-items:center;justify-content:center}.tech-visual{width:100%;max-width:400px;aspect-ratio:1;background:var(--gradient-primary);border-radius:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px rgba(0,102,255,.3);position:relative;animation:float 6s ease-in-out infinite}@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}.tech-circle{width:200px;height:200px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.tech-circle i{font-size:80px;color:#fff}.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.vision-card{background:#fff;padding:50px 40px;border-radius:20px;box-shadow:var(--shadow);text-align:center;transition:var(--transition);border:1px solid var(--gray-200)}.vision-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl)}.vision-card.featured{background:var(--gradient-dark);color:#fff;border:none}.vision-icon{width:90px;height:90px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;font-size:40px;color:#fff;box-shadow:0 10px 30px rgba(0,102,255,.3)}.vision-card h3{font-size:24px;font-weight:700;margin-bottom:16px}.vision-card.featured h3{color:#fff}.vision-card p{color:var(--gray-600);font-size:15px;line-height:1.7;margin-bottom:24px}.vision-card.featured p{color:rgba(255,255,255,.8)}.cta{padding:100px 0;background:var(--gradient-dark);text-align:center;position:relative;overflow:hidden}.cta::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(0,102,255,.2) 0%,transparent 50%) , radial-gradient(circle at 70% 60%,rgba(0,212,255,.2) 0%,transparent 50%)}.cta-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.cta h2{font-size:48px;font-weight:800;color:#fff;margin-bottom:20px;line-height:1.2}.cta p{font-size:20px;color:rgba(255,255,255,.8);margin-bottom:40px}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.page-header{padding:160px 0 80px;background:var(--gradient-dark);text-align:center;position:relative;overflow:hidden}.page-header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(0,102,255,.15) 0%,transparent 50%) , radial-gradient(circle at 80% 70%,rgba(0,212,255,.15) 0%,transparent 50%)}.page-header .container{position:relative;z-index:1}.page-header h1{font-size:56px;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.02em}.page-header p{font-size:20px;color:rgba(255,255,255,.8);margin-bottom:30px}.breadcrumb{display:flex;align-items:center;gap:12px;justify-content:center;color:rgba(255,255,255,.7);font-size:15px}.breadcrumb a{color:rgba(255,255,255,.9);transition:var(--transition)}.breadcrumb a:hover{color:var(--secondary)}.breadcrumb span:last-child{color:#fff;font-weight:600}.service-detail{padding:80px 0}.service-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px}.service-content{background:#fff}.service-content h2{font-size:36px;font-weight:700;color:var(--dark);margin-bottom:20px;line-height:1.3}.service-content h3{font-size:28px;font-weight:700;color:var(--dark);margin:40px 0 20px}.service-content p{font-size:17px;color:var(--gray-600);line-height:1.8;margin-bottom:20px}.service-content ul{margin:20px 0}.service-content ul li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;font-size:16px;color:var(--gray-600);line-height:1.7}.service-content ul li::before{content:"✓";color:var(--primary);font-weight:800;font-size:18px;flex-shrink:0}.service-sidebar{position:sticky;top:100px;align-self:flex-start}.sidebar-card{background:var(--gray-50);padding:30px;border-radius:16px;margin-bottom:30px;border:1px solid var(--gray-200)}.sidebar-card h4{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--gray-300)}.sidebar-card ul li{margin-bottom:8px}.sidebar-card ul li a{display:flex;align-items:center;gap:14px;padding:14px 16px;color:var(--gray-700);font-size:15px;font-weight:500;border-radius:10px;transition:var(--transition);background:#fff;border:1px solid var(--gray-200)}.sidebar-card ul li a:hover,.sidebar-card ul li a.active{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateX(6px)}.sidebar-card ul li a i{color:var(--primary);transition:var(--transition)}.sidebar-card ul li a:hover i,.sidebar-card ul li a.active i{color:#fff}.contact-card{background:var(--gradient-dark);color:#fff;border:none}.contact-card h4{color:#fff;border-color:rgba(255,255,255,.2)}.contact-card p{color:rgba(255,255,255,.8);margin-bottom:24px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--dark);margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 18px;font-size:15px;font-family:inherit;color:var(--dark);background:#fff;border:2px solid var(--gray-300);border-radius:10px;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,102,255,.1)}.form-group textarea{min-height:150px;resize:vertical}.alert{padding:16px 20px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-size:15px}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #34d399}.alert-danger{background:#fee2e2;color:#991b1b;border:1px solid #f87171}.alert i{font-size:18px}.footer{background:var(--gray-900);color:#fff;padding:80px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:60px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand p{color:rgba(255,255,255,.7);font-size:15px;line-height:1.8;margin:20px 0 24px}.footer-social{display:flex;gap:12px}.footer-social a{width:44px;height:44px;background:rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition)}.footer-social a:hover{background:var(--primary);transform:translateY(-4px)}.footer h4{font-size:18px;font-weight:700;margin-bottom:24px;color:#fff}.footer ul li{margin-bottom:12px}.footer ul li a{color:rgba(255,255,255,.7);font-size:15px;transition:var(--transition);display:inline-block}.footer ul li a:hover{color:var(--secondary);transform:translateX(4px)}.footer-contact li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;color:rgba(255,255,255,.7);font-size:15px;line-height:1.6}.footer-contact li i{color:var(--primary);margin-top:2px;flex-shrink:0}.footer-bottom{padding:30px 0;text-align:center;color:rgba(255,255,255,.6);font-size:14px}.footer-bottom a{color:var(--primary);font-weight:600}.scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;opacity:0;visibility:hidden;transform:translateY(20px);transition:var(--transition);box-shadow:0 4px 15px rgba(0,102,255,.3);z-index:999}.scroll-top.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,102,255,.4)}@media (max-width:1024px){:root{--section-padding:80px}.hero-title{font-size:48px}.section-title{font-size:40px}.page-header h1{font-size:48px}.services-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr;gap:60px}.why-image{order:-1}.vision-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.service-detail-grid{grid-template-columns:1fr}.service-sidebar{position:static}}@media (max-width:768px){:root{--section-padding:60px}.navbar-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;flex-direction:column;justify-content:center;padding:60px 30px;opacity:0;visibility:hidden;transform:translateX(100%);transition:var(--transition);z-index:1000}.navbar-menu.active{opacity:1;visibility:visible;transform:translateX(0)}.navbar-menu li a{font-size:20px;color:var(--dark)!important;padding:16px 24px}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:var(--gray-100);margin-top:12px}.navbar-toggle{display:flex;z-index:1001}.navbar-toggle.active span:nth-child(1) {transform:rotate(45deg) translate(6px,6px)}.navbar-toggle.active span:nth-child(2) {opacity:0}.navbar-toggle.active span:nth-child(3) {transform:rotate(-45deg) translate(8px,-8px)}.navbar-cta{display:none}.hero{padding:140px 0 80px}.hero-title{font-size:36px}.hero-desc{font-size:17px}.stats-grid{padding:40px 30px;gap:30px}.section-title{font-size:32px}.page-header{padding:140px 0 60px}.page-header h1{font-size:36px}.services-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.cta h2{font-size:32px}.footer-grid{grid-template-columns:1fr;text-align:center;gap:40px}.footer-social{justify-content:center}.footer-contact li{justify-content:center}}@media (max-width:480px){.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%;justify-content:center}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr}.stat-number{font-size:40px}.scroll-top{bottom:20px;right:20px;width:45px;height:45px}}@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.fade-in{animation:fadeIn .6s ease-out}