:root{
  --primary:#0d47a1;
  --accent:#ff7f00;
  --bg:#f4f7fb;
  --card:#ffffff;
}
*{box-sizing:border-box}
body{font-family: Inter, 'Segoe UI', Arial; margin:0; background:var(--bg); color:#222; -webkit-font-smoothing:antialiased;}
header{background:linear-gradient(135deg,var(--primary),#2c63b8); color:white; padding:28px 20px; text-align:center;}
.header-inner{max-width:1100px;margin:auto;}
.logo{font-weight:700; font-size:1.4rem; letter-spacing:1px;}
nav{margin-top:10px}
nav a{color:rgba(255,255,255,0.9); text-decoration:none; margin:0 10px; font-weight:600;}
.container{max-width:1100px;margin:30px auto; padding:0 20px;}
.hero{background:linear-gradient(120deg, rgba(13,71,161,0.9), rgba(44,99,184,0.85)); color:white; border-radius:14px; padding:50px; text-align:left; display:flex; gap:20px; align-items:center;}
.hero h1{margin:0; font-size:2rem;}
.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; margin-top:20px;}
.card{background:rgba(255,255,255,0.85); backdrop-filter: blur(6px); padding:20px; border-radius:12px; box-shadow:0 8px 30px rgba(20,30,60,0.08);}
.services-list li{margin:8px 0; font-weight:600;}
.btn{background:var(--accent); color:white; padding:12px 18px; border-radius:10px; text-decoration:none; display:inline-block;}
.contact{display:flex; gap:20px; flex-wrap:wrap;}
.contact form{flex:1; min-width:260px;}
.contact .info{flex:1; min-width:200px;}
input, textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #ddd;margin-top:8px;}
footer{background:#0b3a84;color:white;padding:20px;text-align:center;margin-top:40px;border-top:4px solid rgba(255,127,0,0.12);}
.gallery img{width:100%; height:auto; border-radius:8px; display:block; margin-bottom:12px;}
.whatsapp{position:fixed; right:20px; bottom:20px; background:#25D366; color:white; border-radius:50%; padding:14px 16px; text-decoration:none; box-shadow:0 8px 30px rgba(0,0,0,0.2); font-size:18px;}
@media(max-width:600px){ .hero{padding:28px; text-align:center;} .hero h1{font-size:1.4rem;} nav{display:none;}}