:root {
  --cyan: #3ee6ff;
  --violet: #8b3dff;
  --bg: #07080d;
  --fg: #eef3ff;
  --muted: #9aa6c2;
}
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
body {
  background: radial-gradient(60% 50% at 50% 40%, rgba(139, 61, 255, 0.22), transparent 70%), var(--bg);
  color: var(--fg);
  font-family: Manrope, system-ui, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  text-align: center;
}
main { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 18px; }
.wordmark {
  font-family: Sora, system-ui, sans-serif;
  font-weight: 700;
  font-size: clamp(48px, 12vw, 96px);
  letter-spacing: -0.03em;
}
.kik {
  background: linear-gradient(90deg, var(--cyan), var(--violet));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.tag { color: var(--muted); font-size: 18px; max-width: 34ch; margin: 0 auto; }
.soon {
  align-self: center;
  padding: 10px 22px;
  border-radius: 999px;
  color: #000;
  font-family: Sora, sans-serif;
  font-weight: 600;
  background: linear-gradient(180deg, #f4f9ff 0%, #d3e3f8 38%, #93b3de 54%, #c9dcf5 72%, #eef5ff 100%);
}
footer { color: var(--muted); font-size: 13px; padding: 16px; }