body {
  font-family: 'Segoe UI', sans-serif;
  background: radial-gradient(circle at top, #0d1b2a, #000);
  color: #eee;
  margin: 0;
  padding: 0;
}

.hero {
  text-align: center;
  padding: 4em 1em;
  background-image: url('https://source.unsplash.com/1600x900/?space,stars');
  background-size: cover;
  background-position: center;
  color: white;
}

section {
  padding: 2em;
  max-width: 800px;
  margin: auto;
}

.card {
  background: #1b263b;
  padding: 1em;
  border-radius: 8px;
  margin: 1em 0;
}

footer {
  text-align: center;
  padding: 2em;
  font-size: 0.9em;
  color: #aaa;
}