* { box-sizing: border-box; }
html { min-height: 100%; background: #090d18; }
body {
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 28px;
  overflow-wrap: anywhere;
  color: #eef3ff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(ellipse at 25% 20%, #293c7045, transparent 55%), radial-gradient(ellipse at 85% 85%, #1e80702b, transparent 55%), #090d18;
}
main {
  padding: clamp(32px, 7vw, 72px) clamp(24px, 7vw, 80px);
  max-width: 100%;
  text-align: center;
  border: 1px solid #ffffff14;
  border-radius: 28px;
  background: #ffffff04;
  box-shadow: 0 24px 90px #00000026;
}
h1 { margin: 0; font-size: clamp(28px, 5vw, 58px); font-weight: 600; line-height: 1.2; letter-spacing: -0.045em; }
h1::after { content: ""; display: block; width: 48px; height: 3px; margin: 26px auto 0; border-radius: 3px; background: linear-gradient(90deg, #81aaff, #76dbc3); }