:root {
  --nav-bg: #003f5c;
  --accent: #ff7f11;
  --bg-light: #f4f4f4;
  --text-dark: #333333;
}
* { box-sizing: border-box; margin:0; padding:0; }
body { font-family: Arial, sans-serif; color: var(--text-dark); background: var(--bg-light); }
nav { background: var(--nav-bg); padding: 10px 20px; }
nav a { color: white; margin-right: 15px; text-decoration: none; font-weight: bold; }
.hero { height: 50vh; background: var(--nav-bg); color: white; display: flex; align-items: center; justify-content: center; text-align: center; }
.hero h1 { font-size: 2.5rem; max-width: 800px; }
.container { max-width: 1000px; margin: 40px auto; padding: 0 20px; }
.section { margin-bottom: 40px; }
.section h2 { color: var(--nav-bg); margin-bottom: 10px; }
.button { display: inline-block; background: var(--accent); color: white; padding: 10px 20px; border-radius: 4px; text-decoration: none; margin-top: 10px; }
footer { background: var(--nav-bg); color: white; text-align: center; padding: 20px; margin-top: 40px; }
footer a { color: white; margin: 0 10px; text-decoration: none; }