@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800&display=swap');

body {
  background: #000;
  color: #eaeaea;
  font-family: 'Orbitron', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin: 0;
}

.container { text-align: center; }
.title { font-size: 3rem; letter-spacing: 2px; }
.title span { color: #888; }
.subtitle { color: #777; margin-top: 4px; }

.plans {
  display: flex; justify-content: center; gap: 20px; margin: 40px 0;
}
.plan {
  background: #0b0b0b; border: 1px solid #222; padding: 30px; width: 180px; transition: all .2s ease;
}
.plan:hover { border-color: #555; transform: translateY(-5px); }

button {
  background: #111; color: #fff; border: 1px solid #444; padding: 10px 20px; cursor: pointer;
}
button:hover { background: #222; }

#email-form { background: #0b0b0b; border: 1px solid #222; padding: 20px; }
.err { color: #ff6b6b; }

.success { text-align: center; }
.success-box { border: 1px solid #222; background: #0b0b0b; padding: 40px; }
.home-link { display: inline-block; margin-top: 20px; color: #888; text-decoration: none; }
.home-link:hover { color: #fff; }

code { background: #111; padding: 4px 8px; border: 1px solid #333; }