:root {
  color-scheme: dark;
  --fondo: #0b0a12;
  --texto: #ece9f6;
  --suave: #a7a3b8;
  --acento: #5cf2c2;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  background: radial-gradient(120% 80% at 50% 0%, #1b1730 0%, var(--fondo) 60%);
  color: var(--texto);
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  display: grid;
  place-items: center;
  min-height: 100vh;
  padding: 24px 16px;
}
main { max-width: 34rem; text-align: center; }
.marca {
  width: 72px; height: 72px; margin: 0 auto 20px;
  display: grid; place-items: center;
  border-radius: 18px; background: #14121f; border: 1px solid #2a2640;
  color: var(--acento); font: 900 40px/1 Arial, sans-serif;
}
h1 { font-size: clamp(2rem, 6vw, 2.8rem); margin: 0 0 8px; letter-spacing: 0.02em; }
.lema { color: var(--acento); font-weight: 600; margin: 0 0 16px; }
p { margin: 0 0 12px; }
.pronto { color: var(--suave); font-size: 0.95rem; margin-top: 24px; }