body {
  font-family: system-ui, sans-serif;
  margin: 0;
  color: #222;
  background-color: #fafafa;
}
.site-header, .site-footer {
  text-align: center;
  padding: 1rem;
  background: #5da9dd;
  color: white;
}
nav a {
  margin: 0 0.5rem;
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.hero-img { width: 100%; max-height: 350px; object-fit: cover; border-radius: 8px; }
main { padding: 1rem; max-width: 900px; margin: auto; }
form { display: grid; gap: 0.5rem; max-width: 400px; margin: 1rem auto; }
input, textarea { padding: 0.5rem; border: 1px solid #ccc; border-radius: 5px; }
button { background: #5da9dd; color: #fff; border: none; padding: 0.5rem; border-radius: 5px; cursor: pointer; }
button:hover { background: #4b8fbf; }
.success { color: green; text-align: center; }