body { margin:0; font-family:Arial, sans-serif; }
header { background:#333; color:white; padding:1rem; }
nav { display:flex; justify-content:space-between; align-items:center; max-width:1200px; margin:auto; }
.logo { font-size:1.5rem; font-weight:bold; }
ul { list-style:none; margin:0; padding:0; display:flex; gap:2rem; }
a { color:white; text-decoration:none; }
a:hover, .active { color:#ffcc00; } /* gold highlight */

.banner { background:#eee url('banner.png') center/cover no-repeat; /* swap url with your image */
  height:60vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#333; }
.banner h1 { font-size:4rem; margin:0; }
.banner p { font-size:1.5rem; }

main { max-width:1200px; margin:2rem auto; padding:0 1rem; line-height:1.6; }

footer { background:#333; color:white; text-align:center; padding:1rem; margin-top:2rem; }

/* Mobile fix */
@media (max-width:768px) {
  nav { flex-direction:column; gap:1rem; }
  .banner h1 { font-size:3rem; }
}