body{margin:0;font-family:system-ui,sans-serif;background:#f8fbff;color:#123b7a}
.hero{position:relative}
.hero img{width:100%;display:block}
.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;text-shadow:0 2px 15px rgba(0,0,0,.7)}
.overlay h1{font-size:clamp(2.5rem,6vw,5rem);margin:0}
nav{position:sticky;top:0;background:#fff;padding:16px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.08);z-index:10}
nav a{margin:0 12px;text-decoration:none;color:#123b7a;font-weight:700}
.btn{background:#123b7a;color:#fff;padding:14px 28px;border-radius:40px;text-decoration:none}
.container{max-width:1200px;margin:auto;padding:80px 20px}
h2{text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.card,.feature,.quote{background:white;padding:24px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.08)}
.wave{background:linear-gradient(135deg,#08254e,#5ea8ff);color:white;text-align:center;padding:100px 20px;border-radius:0 0 100px 100px}
.gallery img{width:100%;border-radius:24px;box-shadow:0 15px 35px rgba(0,0,0,.15)}
.contact{max-width:900px;margin:40px auto;padding:50px;background:white;border-radius:30px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.1)}
footer{background:#08254e;color:white;text-align:center;padding:30px}