body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; margin: 0; padding: 0; background-color: #f4f4f4; }
header { background: #fff; border-bottom: 3px solid #78a300; padding: 20px 0; text-align: center; }
header h1 { margin: 0; color: #78a300; text-transform: uppercase; }
header p { margin: 5px 0; font-style: italic; color: #666; }
nav { background: #333; color: #fff; padding: 10px 0; text-align: center; }
nav a { color: #fff; text-decoration: none; padding: 10px 20px; display: inline-block; font-weight: bold; }
nav a:hover { background: #78a300; }
.container { width: 80%; max-width: 1000px; margin: 20px auto; background: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.hero-img { width: 100%; height: auto; margin-bottom: 20px; }
h2 { color: #78a300; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
footer { background: #333; color: #ccc; padding: 40px 0; margin-top: 40px; font-size: 0.9em; }
footer .container { background: transparent; box-shadow: none; display: flex; justify-content: space-between; flex-wrap: wrap; }
footer h3 { color: #fff; }
.footer-col { flex: 1; min-width: 250px; margin-bottom: 20px; }
.copyright { text-align: center; padding: 20px; background: #222; color: #888; font-size: 0.8em; }