* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Arial, sans-serif; line-height:1.6; }
nav { background:#003f5c; padding:10px; }
nav a { color:#fff; margin-right:15px; text-decoration:none; font-weight:bold; }
.hero { height:60vh; background-size:cover; background-position:center; display:flex; align-items:center; justify-content:center; }
.hero h1 { color:#fff; font-size:3rem; text-shadow:2px 2px 4px rgba(0,0,0,0.7); }
.container { max-width:800px; margin:20px auto; padding:0 20px; }
section { margin-bottom:40px; }
section h2 { margin-bottom:10px; color:#003f5c; }
.button { display:inline-block; background:#003f5c; color:#fff; padding:10px 20px; text-decoration:none; border-radius:4px; margin-top:10px; }
footer { background:#003f5c; color:#fff; text-align:center; padding:15px; margin-top:40px; }
footer a { color:#fff; margin:0 10px; text-decoration:none; }