*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif}.navbar{z-index:1000;background:#fff;border-bottom:1px solid #eee;width:100%;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;height:75px;display:flex}.logo img{height:50px}.nav-links{gap:35px;list-style:none;display:flex}.nav-links a{color:#1e293b;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover,.nav-links a.active{color:#2563eb}.call-btn{color:#fff;background:#2563eb;border-radius:6px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s}.call-btn:hover{background:#1d4ed8}.footer{color:#fff;background:#0f172a;margin-top:80px;padding:60px 0 20px}.footer-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.footer h2,.footer h3{margin-bottom:20px}.footer p{color:#cbd5e1;line-height:1.8}.footer ul{list-style:none}.footer ul li{color:#cbd5e1;cursor:pointer;margin-bottom:12px}.footer ul li:hover{color:#fff}.copyright{text-align:center;color:#94a3b8;border-top:1px solid #ffffff1a;margin-top:40px;padding-top:20px}@media (width<=768px){.footer-grid{grid-template-columns:1fr}}.container{width:90%;max-width:1200px;margin:auto}.hero{background:#f8fbff;padding:80px 0}.hero-content{justify-content:space-between;align-items:center;gap:60px;display:flex}.hero-text{flex:1}.hero-text h1{color:#0f172a;margin-bottom:20px;font-size:52px}.hero-text p{color:#555;margin-bottom:30px;font-size:18px;line-height:1.8}.hero-btns{gap:15px;display:flex}.btn-primary{color:#fff;background:#2563eb;border-radius:6px;padding:14px 28px;font-weight:600;text-decoration:none}.btn-secondary{color:#2563eb;border:2px solid #2563eb;border-radius:6px;padding:14px 28px;text-decoration:none}.hero-image{flex:1}.hero-image img{width:100%}.about-home{text-align:center;padding:80px 0}.about-home h2,.services h2,.why h2,.cta h2{color:#0f172a;margin-bottom:20px;font-size:38px}.about-home p{color:#555;max-width:800px;margin:auto;line-height:1.8}.services{background:#f5f7fb;padding:80px 0}.service-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px;display:grid}.card{text-align:center;background:#fff;border-radius:10px;padding:35px;transition:all .3s}.card:hover{transform:translateY(-8px)}.icon{color:#2563eb;margin-bottom:20px;font-size:42px}.card h3{margin-bottom:15px}.card p{color:#666;line-height:1.7}.why{padding:80px 0}.why-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.why-grid div{text-align:center;background:#f8fbff;border-radius:8px;padding:25px;font-weight:600}.cta{color:#fff;text-align:center;background:#2563eb;padding:80px 0}.cta p{margin:20px 0 30px;font-size:18px}.cta .btn-primary{color:#2563eb;background:#fff}@media (width<=992px){.hero-content{flex-direction:column}.service-grid,.why-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero-text h1{font-size:36px}.hero-btns{flex-direction:column}.service-grid,.why-grid{grid-template-columns:1fr}}.about-hero{color:#fff;text-align:center;background:#2563eb;padding:80px 20px}.about-hero h1{margin-bottom:15px;font-size:48px}.about-hero p{max-width:700px;margin:auto;line-height:1.8}.about-company{align-items:center;gap:60px;padding:80px 0;display:flex}.about-image{flex:1}.about-image img{border-radius:10px;width:100%}.about-content{flex:1}.about-content h2{color:#0f172a;margin-bottom:20px;font-size:38px}.about-content p{color:#555;margin-bottom:20px;line-height:1.9}.mission-section{background:#f5f7fb;padding:80px 0}.mission-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.mission-card{background:#fff;border-radius:10px;padding:40px;box-shadow:0 5px 15px #0000000d}.mission-card h3{color:#2563eb;margin-bottom:15px}.mission-card p{color:#555;line-height:1.8}.why-about{text-align:center;padding:80px 0}.why-about h2{margin-bottom:40px;font-size:38px}.why-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.why-box{background:#fff;border:1px solid #eee;border-radius:10px;padding:30px;transition:all .3s}.why-box:hover{transform:translateY(-8px);box-shadow:0 10px 20px #00000014}.why-box h3{color:#2563eb;margin-bottom:15px}.why-box p{color:#555;line-height:1.7}.about-cta{color:#fff;text-align:center;background:#2563eb;padding:80px 20px}.about-cta h2{margin-bottom:20px;font-size:40px}.about-cta p{max-width:700px;margin:0 auto 30px;line-height:1.8}.about-btn{color:#2563eb;background:#fff;border-radius:6px;padding:14px 35px;font-weight:600;text-decoration:none;display:inline-block}.about-btn:hover{background:#f3f4f6}@media (width<=992px){.about-company{flex-direction:column}.mission-grid,.why-grid{grid-template-columns:1fr}.about-hero h1,.about-content h2,.about-cta h2{font-size:34px}}.service-hero{color:#fff;text-align:center;background:#2563eb;padding:80px 20px}.service-hero h1{margin-bottom:15px;font-size:48px}.service-section{padding:80px 0}.service-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.service-card{text-align:center;background:#fff;border:1px solid #eee;border-radius:10px;padding:35px;transition:all .3s}.service-card:hover{transform:translateY(-8px);box-shadow:0 10px 20px #00000014}.service-icon{color:#2563eb;margin-bottom:20px;font-size:42px}.service-card h3{margin-bottom:15px}.service-card p{color:#666;line-height:1.8}.service-cta{color:#fff;text-align:center;background:#2563eb;padding:80px 20px}.service-cta h2{margin-bottom:15px;font-size:38px}.service-cta p{margin-bottom:30px}.service-cta a{color:#2563eb;background:#fff;border-radius:6px;padding:14px 35px;font-weight:600;text-decoration:none;display:inline-block}@media (width<=992px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.service-grid{grid-template-columns:1fr}.service-hero h1{font-size:36px}}.contact-hero{color:#fff;text-align:center;background:#2563eb;padding:80px 20px}.contact-hero h1{font-size:48px}.contact-section{grid-template-columns:1fr 1fr;gap:50px;padding:80px 0;display:grid}.contact-info h2{margin-bottom:30px}.info-box{align-items:center;gap:15px;margin-bottom:25px;font-size:18px;display:flex}.info-box svg{color:#2563eb;font-size:22px}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:6px;outline:none;width:100%;margin-bottom:20px;padding:15px}.contact-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:15px 30px;font-size:16px}.contact-form button:hover{background:#1d4ed8}.map iframe{border:none;width:100%;height:400px}@media (width<=768px){.contact-section{grid-template-columns:1fr}.contact-hero h1{font-size:36px}}
