body{margin:0;font-family:Poppins,sans-serif;color:#1f2937;background:#fff;line-height:1.6;scroll-behavior:smooth}.container{max-width:1400px;width:90%;margin:0 auto}.top-bar{width:100%;background:#232f3e;color:#f9fafb;font-size:14px;padding:6px 0}.top-bar-container{max-width:1400px;width:90%;margin:0 auto;display:flex;justify-content:flex-end;gap:30px}.top-bar-container p{margin:0;display:flex;align-items:center;gap:6px}.top-bar-container a{color:#f90;text-decoration:none;transition:color .3s}.top-bar-container a:hover{color:#ffd27f}@media(max-width:768px){.top-bar-container{justify-content:center;flex-direction:column;gap:5px;text-align:center}}.header{position:fixed;top:0;left:0;width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;box-shadow:0 8px 20px #0000001a;z-index:1000;transition:all .3s ease-in-out}.header-container{max-width:1400px;width:90%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo{font-size:28px;font-weight:700;letter-spacing:1px}.logo span{color:#f90}.logo a{text-decoration:none;color:inherit;display:inline-block}.nav{display:flex;align-items:center;gap:20px}.nav a{color:#374151;font-weight:500;text-decoration:none;position:relative;transition:color .3s}.nav a:after{content:"";display:block;height:2px;width:0;background:#f90;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav a:hover:after{width:100%}.nav a:hover{color:#111}.header-shrink{padding:8px 0;box-shadow:0 12px 25px #00000026;transition:all .3s ease-in-out}.header-shrink .logo{font-size:24px}.header-shrink nav a.btn-primary{padding:10px 22px}.menu-toggle{display:none;font-size:22px;cursor:pointer;color:#232f3e}@media(max-width:1024px){.nav a.btn-primary{display:none}}@media(max-width:768px){.menu-toggle{display:block}.nav{position:fixed;top:65px;right:-100%;width:250px;height:calc(100vh - 65px);background:#232f3e;flex-direction:column;align-items:flex-start;padding:30px 20px;gap:20px;transition:right .3s;z-index:999}.nav.nav-open{right:0}.nav a{color:#f9fafb;font-size:18px}.nav a:after{display:none}}.hero{margin-top:100px;padding:100px 20px;background:linear-gradient(135deg,#232f3e,#f90);color:#fff;text-align:center}.hero h1{font-size:3rem;margin-bottom:20px}.hero p{font-size:1.2rem;max-width:700px;margin:0 auto 30px}.hero-buttons .btn{margin:0 5px}.btn{display:inline-block;padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s}.btn-primary{background-color:#f90;color:#fff}.btn-primary:hover{background-color:#e68a00}.btn-outline{border:2px solid white;color:#fff}.btn-outline:hover{background-color:#fff;color:#232f3e}.services{background:#f9fafb;padding:80px 20px}.services h2{text-align:center;margin-bottom:40px;font-size:2rem}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.service-icon{margin-bottom:15px;display:flex;justify-content:center;align-items:center}.service{background:#fff;border-radius:12px;padding:30px 20px;box-shadow:0 4px 10px #00000014;transition:all .3s;text-align:center}.service:hover{transform:translateY(-6px);box-shadow:0 8px 20px #0000001f}.about{padding:80px 20px}.about h2{text-align:center;font-size:2rem;margin-bottom:30px}.about p{max-width:800px;margin:0 auto;text-align:center;line-height:1.8}.contact{padding:80px 20px}.contact h2{text-align:center;font-size:2rem;margin-bottom:30px}.contact form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.contact input,.contact textarea{padding:14px;border-radius:8px;border:1px solid #d1d5db;font-size:1rem;width:100%}.contact button{padding:14px;background-color:#f90;color:#fff;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer}.contact button:hover{background-color:#e68a00}.footer{position:relative;background:#004768;color:#f9fafb;padding-top:80px;font-size:14px;overflow:hidden}.footer-wave{position:absolute;top:-1px;left:0;width:100%;height:100px;overflow:hidden;line-height:0}.footer-wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:100px}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:800px;margin:0 auto;gap:40px;position:relative;z-index:10}.footer-section h3{font-size:18px;margin-bottom:15px;color:#f90}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#f9fafb;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#f90}.footer-section p{margin:8px 0}.footer-section p a{color:#f9fafb;text-decoration:none}.footer-section p a:hover{color:#f90}.social-icons{display:flex;gap:15px}.social-icons a{display:flex;justify-content:center;align-items:center;background:#f90;color:#232f3e;width:36px;height:36px;border-radius:50%;transition:all .3s}.social-icons a:hover{transform:scale(1.1);background:#e68a00}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.2);padding-top:15px;padding-bottom:20px;color:#cbd5e1;font-size:13px;position:relative;z-index:10}@media(max-width:768px){.footer-container{flex-direction:column;align-items:center;gap:30px}}@media(max-width:1024px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}}@media(max-width:768px){nav a{margin-left:10px}}@media(max-width:480px){.hero h1{font-size:2rem}.hero p{font-size:.95rem}.header{flex-direction:column;padding:10px 15px}nav{margin-top:10px}}