:root{
  --brand:#004a7c;
  --accent:#ffcc33;
  --text:#333;
  --bg:#fafafa;
  --maxw:900px;
  font-family:system-ui,sans-serif;
}
body{margin:0;background:var(--bg);color:var(--text);}
header{background:var(--brand);color:#fff;padding:1rem 0;}
header h1{margin:0;text-align:center;font-size:1.6rem;}
nav{text-align:center;margin-top:.5rem;}
nav a{color:#fff;margin:0 .6rem;text-decoration:none;font-weight:600;}
nav a:hover{text-decoration:underline;}
main{max-width:var(--maxw);margin:2rem auto;padding:0 1rem 4rem;line-height:1.6;}
h2{color:var(--brand);}
.btn{display:inline-block;padding:.7rem 1.1rem;background:var(--accent);color:#000;border-radius:4px;text-decoration:none;font-weight:600;}
footer{background:#eee;color:#555;text-align:center;padding:1.5rem 0;font-size:.9rem;}
ul{padding-left:1.2rem;}