*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#f4f8fc;color:#333}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;background:#0b5cab;color:#fff;position:sticky;top:0}
.logo{font-size:28px;font-weight:bold}.logo span{color:#8de1ff}
nav a{color:#fff;text-decoration:none;margin-left:18px}
.hero{height:80vh;background:linear-gradient(rgba(0,70,140,.65),rgba(0,70,140,.65)),url('https://images.unsplash.com/photo-1538108149393-fbbd81895907?w=1600') center/cover;display:flex;align-items:center;padding:8%}
.hero-text{max-width:550px;color:#fff}.hero h1{font-size:52px}.hero p{margin:20px 0;line-height:1.7}
.btn{background:#fff;color:#0b5cab;padding:12px 24px;text-decoration:none;border-radius:6px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:60px 8%}
.card{background:#fff;padding:30px;border-radius:12px;text-align:center;box-shadow:0 5px 18px rgba(0,0,0,.1)}
.card i{font-size:40px;color:#0b5cab;margin-bottom:15px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:60px 8%;align-items:center}
.about img{width:100%;border-radius:12px}
.gallery{padding:60px 8%}.gallery h2,.contact h2{text-align:center;margin-bottom:25px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}
.grid img{width:100%;height:220px;object-fit:cover;border-radius:10px}
.contact{padding:60px 8%}
form{max-width:700px;margin:auto;display:grid;gap:15px}
input,textarea{padding:14px;border:1px solid #ccc;border-radius:8px}
button{padding:14px;background:#0b5cab;color:#fff;border:none;border-radius:8px}
footer{background:#083b73;color:#fff;text-align:center;padding:30px;margin-top:40px}
@media(max-width:768px){.about{grid-template-columns:1fr}.hero h1{font-size:36px}header{flex-direction:column}nav{margin-top:10px}}