body {font-family: Arial, sans-serif; margin:0; padding:0;}
.navbar {background:#0077b6; padding:1rem; color:white; display:flex; justify-content:space-between; align-items:center;}
.navbar ul {list-style:none; display:flex; gap:1rem;}
.navbar a {color:white; text-decoration:none;}
.hero {position:relative; text-align:center; color:white;}
.hero-img {width:100%; max-height:500px; object-fit:cover; filter:brightness(0.7);}
.hero-text {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.btn {background:#0077b6; padding:0.5rem 1rem; margin:0.5rem; color:white; text-decoration:none;}
.btn.secondary {background:#90e0ef; color:black;}
.gallery {display:grid; grid-template-columns: repeat(auto-fill, minmax(150px,1fr)); gap:10px; padding:1rem;}
.gallery img {width:100%; border-radius:8px;}
footer {background:#0077b6; color:white; text-align:center; padding:1rem; margin-top:2rem;}