* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: sans-serif;
  line-height: 1.6;
  background: #333333;
  color: #fafafa;
}
.container { width: 90%; max-width: 1200px; margin: 0 auto; }
.site-header, .site-footer {
  background: #444444;
  padding: 1rem 0;
  border-bottom: 1px solid #555555;
}
.nav-list { list-style: none; display: flex; gap: 1rem; }
.nav-list a {
  text-decoration: none;
  color: #aaccff;
  padding: 0.5rem 1rem;
}
.hero { text-align: center; padding: 2rem 0; }
.button-group { display: flex; justify-content: center; gap: 1rem; margin-top: 1rem; }
.btn {
  padding: 0.75rem 1.5rem;
  background: #0077cc;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
}
.highlights { display: flex; gap: 1rem; margin: 2rem 0; }
.highlight {
  background: #555555;
  padding: 1rem;
  border: 1px solid #666666;
  flex: 1;
  color: #fafafa;
}