body { font-family: Arial, sans-serif; margin: 0; background-color: #f6f8f5; color: #333; }
header { background-color: #0b6b34; color: white; display: flex; justify-content: space-between; align-items: center; padding: 10px 40px; }
.logo { height: 60px; }
nav ul { list-style: none; display: flex; margin: 0; padding: 0; }
nav li { margin: 0 15px; }
nav a { color: white; text-decoration: none; font-weight: bold; }
nav a.active, nav a:hover { text-decoration: underline; }
.hero { text-align: center; padding: 100px 20px; background: linear-gradient(rgba(11,107,52,0.6), rgba(11,107,52,0.6)), url('GUNASK LOGO.jpg') center/contain no-repeat; color: white; }
.content { padding: 40px; max-width: 900px; margin: auto; background-color: white; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
footer { background-color: #0b6b34; color: white; text-align: center; padding: 15px 0; margin-top: 40px; }