:root { --bg: #07060d; --fg: #e8e6f0; --red: #ff2a4f; --orange: #ff8a1f; --blue: #3d6bff; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: radial-gradient(ellipse at 50% 30%, #1a0b1f 0%, var(--bg) 70%);
  color: var(--fg);
  font: 18px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}
main { max-width: 640px; padding: 2rem; text-align: center; }
.ekg { width: 100%; max-width: 520px; height: auto; }
.ekg polyline {
  fill: none; stroke: var(--red); stroke-width: 3; stroke-linejoin: round;
  filter: drop-shadow(0 0 6px var(--red)) drop-shadow(0 0 14px var(--red));
}
h1 {
  font-size: clamp(2.4rem, 8vw, 4rem); margin: .5rem 0 0; letter-spacing: .04em;
  color: #fff; text-shadow: 0 0 8px var(--red), 0 0 24px var(--red), 3px 0 0 var(--blue);
}
.tag { color: var(--orange); margin-top: .2rem; text-shadow: 0 0 10px rgba(255,138,31,.5); }
.soon {
  display: inline-block; margin-top: 1.2rem; padding: .4rem 1.1rem; border: 1px solid var(--blue);
  border-radius: 4px; color: #fff; box-shadow: 0 0 12px rgba(61,107,255,.6), inset 0 0 8px rgba(61,107,255,.4);
}
footer { padding: 1.5rem; font-size: .85rem; opacity: .7; }
a { color: var(--orange); }