body {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background: linear-gradient(to bottom, #0f0f0f, #1a1a1a);
  color: #f0f0f0;
  scroll-behavior: smooth;
}
.hero {
  text-align: center;
  padding: 60px 20px;
  background: radial-gradient(circle at center, #2a2a2a, #111);
  color: #ffe600;
}
.section {
  padding: 40px 20px;
  max-width: 700px;
  margin: auto;
}
.scroll-link {
  display: inline-block;
  margin-top: 20px;
  color: #00ffe7;
  text-decoration: none;
  font-size: 1.2em;
}
footer {
  text-align: center;
  padding: 20px;
  background-color: #080808;
  color: #666;
}