/* Basic cyberpunk / hacker-inspired landing */
:root {
  --bg: #0b0f10;
  --fg: #cfe8ff;
  --accent: #33a7ff;
}

* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }

body {
  display: grid;
  place-items: center;
  background: radial-gradient(800px at 20% 20%, rgba(51,167,255,0.08), transparent 50%),
              radial-gradient(600px at 80% 80%, rgba(255,105,180,0.06), transparent 45%),
              var(--bg);
  color: var(--fg);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  -webkit-font-smoothing: antialiased;
}

main {
  text-align: center;
  padding: 2rem;
}

h1 {
  font-size: clamp(2rem, 8vw, 3.5rem);
  margin: 0 0 1rem;
  color: var(--accent);
}

.tagline {
  font-size: 1.25rem;
  opacity: 0.9;
  margin-bottom: 0.5rem;
}

.sub {
  font-size: 1rem;
  opacity: 0.6;
}