* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; background: #f4f4f4; color: #222; }
header { background: #008037; color: white; padding: 20px 0; }
nav { display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
nav ul { list-style: none; display: flex; gap: 20px; }
nav ul li a { color: white; text-decoration: none; }
.hero { background: url('images/hero.jpg') no-repeat center center/cover; height: 400px; display: flex; align-items: center; justify-content: center; color: white; text-shadow: 2px 2px 5px rgba(0,0,0,0.7); }
.hero h1 { font-size: 3rem; }
.section { padding: 60px 20px; max-width: 1000px; margin: 20px auto; background: white; border-radius: 10px; }
.section h1, .section h2 { color: #008037; }
footer { background: #222; color: white; text-align: center; padding: 20px; margin-top: 40px; }