body{margin:0;font-family:Arial,sans-serif;color:#222;background:#f5f7fb}
nav{background:#123f7a;padding:16px}
nav a{color:white;text-decoration:none;margin-right:20px}
.hero{height:75vh;background:url('hero.jpg') center/cover;display:flex;align-items:center}
.overlay{background:rgba(0,0,0,.45);padding:50px;color:white;margin:40px}
.section{max-width:1100px;margin:auto;padding:60px 20px}
.cards{display:flex;gap:20px;flex-wrap:wrap}
.card{background:white;padding:20px;flex:1;min-width:250px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
form input{width:100%;padding:12px;margin:10px 0}
button{background:#123f7a;color:#fff;border:0;padding:12px 18px}
footer{background:#123f7a;color:white;padding:30px}
img.res{width:100%;max-width:500px}