body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #000; color: #fff; }
header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background: #111; }
header .logo { height: 50px; }
header nav a { margin: 0 10px; color: #fff; text-decoration: none; }
header nav a:hover { text-decoration: underline; }
#hero img { width: 100%; height: auto; }
section { padding: 40px 20px; text-align: center; }
h2 { margin-bottom: 20px; }
.gallery { display: flex; gap: 10px; justify-content: center; }
.gallery img { width: 30%; border-radius: 10px; }
footer { text-align: center; padding: 20px; background: #111; color: #aaa; }