*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#0d2c54;background:#f5f9ff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{text-decoration:none}img{max-width:100%;display:block}.container{width:90%;max-width:1300px;margin:auto}.navbar{z-index:999;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffeb;width:100%;position:fixed;top:0;left:0;box-shadow:0 8px 25px #00000014}.navbar .container{justify-content:space-between;align-items:center;height:90px;display:flex}.logo{align-items:center;gap:15px;display:flex}.logo h2{color:#0b3b82;font-size:24px}.logo p{color:#6b7280;font-size:13px}nav{gap:40px;display:flex}nav a{color:#0b3b82;font-weight:600;transition:all .3s}nav a:hover{color:#2b7fff}.nav-btn{color:#fff;background:#0b61ff;border-radius:40px;padding:14px 26px;font-weight:700;transition:all .3s}.nav-btn:hover{background:#0849be}.hero{align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;z-index:-2}.overlay{z-index:-1;background:linear-gradient(#03224fd1,#03224fa6);position:absolute;inset:0}.hero-content{color:#fff;width:90%;max-width:1300px;margin:auto}.small-title{letter-spacing:2px;background:#fff2;border-radius:30px;margin-bottom:25px;padding:10px 20px;display:inline-block}.hero h1{max-width:700px;margin-bottom:25px;font-size:72px;line-height:1.1}.hero p{max-width:650px;margin-bottom:45px;font-size:20px;line-height:1.8}.hero-buttons{gap:20px;display:flex}.primary-btn{color:#fff;background:#0b61ff;border-radius:50px;align-items:center;gap:10px;padding:18px 35px;font-weight:700;transition:all .3s;display:flex}.primary-btn:hover{transform:translateY(-5px)}.secondary-btn{color:#fff;border:2px solid #fff;border-radius:50px;padding:18px 35px;transition:all .3s}.secondary-btn:hover{color:#0b3b82;background:#fff}.stats{background:#fff;padding:90px 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.stats-grid div{text-align:center;background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 40px #00000014}.stats h2{color:#0b61ff;margin-bottom:10px;font-size:55px}.stats p{color:#777;font-weight:600}.about{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:120px 0;display:grid}.section-tag{color:#0b61ff;letter-spacing:2px;font-weight:700}.about h2{margin:25px 0;font-size:50px}.about p{color:#666;line-height:1.9}.about-features{gap:22px;margin-top:40px;display:grid}.about-features div{align-items:center;gap:18px;font-weight:600;display:flex}.about-image img{border-radius:25px;box-shadow:0 25px 60px #0000002e}.featured{background:#eef5ff;padding:120px 0}.section-heading{text-align:center;margin-bottom:70px}.section-heading span{color:#0b61ff;letter-spacing:2px;font-weight:700}.section-heading h2{color:#0b3b82;margin:15px 0;font-size:48px}.section-heading p{color:#666;max-width:700px;margin:auto;line-height:1.8}.office-card{background:#fff;border-radius:25px;grid-template-columns:1.1fr 1fr;gap:50px;display:grid;overflow:hidden;box-shadow:0 20px 60px #00000014}.office-image img{object-fit:cover;width:100%;height:100%}.office-info{padding:50px}.office-info h3{color:#0b3b82;margin-bottom:35px;font-size:38px}.office-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.info-box{background:#f6faff;border-radius:18px;padding:22px;transition:all .3s}.info-box:hover{background:#eaf3ff;transform:translateY(-6px)}.info-box svg{color:#0b61ff;margin-bottom:15px}.info-box h4{color:#0b3b82;margin-bottom:8px}.info-box p{font-weight:700}.info-box small{color:#666}.location-box{color:#fff;background:#0b61ff;border-radius:18px;margin-top:30px;padding:25px}.location-box h4{margin-bottom:10px}.office-buttons{gap:20px;margin-top:35px;display:flex}.contact{background:#fff;padding:120px 0}.contact-box{color:#fff;text-align:center;background:#0b3b82;border-radius:30px;padding:70px}.contact-box h2{margin-bottom:20px;font-size:46px}.contact-box p{opacity:.9;max-width:650px;margin:auto;line-height:1.8}.contact-buttons{justify-content:center;gap:20px;margin-top:40px;display:flex}.contact .primary-btn{color:#0b3b82;background:#fff}.contact .secondary-btn{border:2px solid #fff}.floating-whatsapp{color:#fff;z-index:1000;background:#25d366;border-radius:60px;align-items:center;gap:14px;padding:16px 24px;font-weight:700;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 15px 35px #00000040}.floating-whatsapp:hover{transform:translateY(-5px)scale(1.05)}.floating-whatsapp span{font-size:28px}.floating-whatsapp small{opacity:.9;display:block}.footer{color:#fff;background:#08244a;padding:60px 0}.footer-content{justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-logo{align-items:center;gap:18px;display:flex}.footer-logo h3{font-size:24px}.footer-logo p,.copyright{color:#b8c7e6}.hero-content{animation:1s fadeUp}.office-card{animation:1.1s fadeUp}.stats-grid div{transition:all .35s}.stats-grid div:hover{transform:translateY(-10px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.hero h1{font-size:52px}.about,.office-card{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){nav{display:none}.navbar .container{height:80px}.hero{text-align:center}.hero h1{font-size:40px}.hero-buttons,.office-buttons,.contact-buttons{flex-direction:column}.stats-grid,.office-grid{grid-template-columns:1fr}.footer-content{text-align:center;flex-direction:column}.contact-box{padding:40px 25px}.floating-whatsapp{padding:14px 18px;bottom:15px;right:15px}}
