/* Minimal, modern, Gen-Z vibes — only the headline is rendered */
    :root{
      --bg1: #0b0b0f;
      --bg2: #1a1034;
      --acc1: #7c5cff;
      --acc2: #00e2c6;
      --text: #f5f7fb;
    }
    * { box-sizing: border-box; }
    html, body {
      height: 100%;
      margin: 0;
      background:
        radial-gradient(60vmax 60vmax at 10% 10%, color-mix(in oklab, var(--acc1) 18%, transparent), transparent),
        radial-gradient(60vmax 60vmax at 90% 90%, color-mix(in oklab, var(--acc2) 18%, transparent), transparent),
        linear-gradient(180deg, var(--bg1), var(--bg2));
      color: var(--text);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    }
    .wrap {
      min-height: 100%;
      display: grid;
      place-items: center;
      padding: 6vh 4vw;
    }
    h1 {
      margin: 0;
      font-weight: 800;
      letter-spacing: -0.02em;
      line-height: 1.05;
      font-size: clamp(2rem, 6vw + 1rem, 4.5rem);
      text-align: center;
      width: min(26ch, 92vw);
      text-wrap: balance;
      /* Subtle animated gradient text */
      background: linear-gradient(90deg, var(--text), #c6caff 40%, #c8fff2 60%, var(--text));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      background-size: 200% 100%;
      animation: shine 6s ease-in-out infinite;
      filter: drop-shadow(0 6px 24px rgba(0,0,0,.25));
    }
    @keyframes shine {
      0%,100% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
    }
    @media (prefers-reduced-motion: reduce) {
      h1 { animation: none; }
    }