*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial; margin:0; color:#0f1724; background:#fbfdff;}
a{color:inherit}
.header{background:#fff; padding:18px 40px; display:flex; align-items:center; box-shadow:0 2px 6px rgba(17,24,39,0.04); position:sticky; top:0; z-index:50;}
.header img{height:64px;}
.nav{margin-left:auto; display:flex; gap:18px; align-items:center;}
.nav a{padding:8px 12px; text-decoration:none; color:#0b3b5a; font-weight:600; border-radius:6px;}
.nav a.cta{background:#0b6ea6; color:#fff;}
.hero{display:flex; align-items:center; justify-content:center; min-height:420px; background-image:linear-gradient(rgba(11,58,90,0.45), rgba(11,58,90,0.2)), url('assets/hero.jpg'); background-size:cover; background-position:center; color:#fff; text-align:center; padding:60px 20px;}
.hero .inner{max-width:1100px;}
.hero h1{font-size:44px; margin:0 0 12px; font-weight:700;}
.hero p{font-size:18px; margin:0 0 20px; opacity:0.95;}
.cta{display:inline-block; padding:12px 22px; background:#ff7a18; color:#fff; text-decoration:none; border-radius:8px; font-weight:700;}
.container{max-width:1100px; margin:0 auto; padding:60px 20px;}
.section-title{display:flex; align-items:center; gap:12px; margin-bottom:20px;}
.services{display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:20px;}
.card{background:#fff; padding:20px; border-radius:12px; box-shadow:0 8px 20px rgba(12, 40, 80, 0.04); border:1px solid #eef6fb;}
.card h3{margin:0 0 8px; color:#0b3b5a;}
.card p{margin:0; color:#334e63;}
.about-grid{display:grid; grid-template-columns:1fr 380px; gap:40px; align-items:center;}
.contact-form input, .contact-form textarea{width:100%; padding:12px; margin:8px 0; border:1px solid #e6eef6; border-radius:8px;}
.contact-form button{padding:12px 18px; background:#0b6ea6; color:#fff; border:none; border-radius:8px; font-weight:700;}
.footer{background:#0bfbff0f; padding:28px 20px; text-align:center; color:#334e63; margin-top:40px;}
@media(max-width:800px){ .about-grid{grid-template-columns:1fr} .hero h1{font-size:32px} }