body {
  margin: 0;
  padding: 0;
  background: #000000;
  color: white;
  font-family: Arial, sans-serif;
}
.container { padding: 20px; max-width: 600px; margin: auto; text-align: center; }
.header { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; }
.header img { width: 120px; margin-bottom: 10px; }
.brand h1 { margin: 0; letter-spacing: 2px; }
.brand small { opacity: 0.8; }
.hero h2 { margin-bottom: 10px; }
.btn {
  background: #ffffff22;
  border: 1px solid white;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  font-size: 18px;
}
.footer { margin-top: 40px; opacity: 0.6; font-size: 14px; }