*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --gold:   #c9a227;
      --gold2:  #f0d060;
      --dark:   #07070d;
      --card:   #10101a;
      --border: rgba(201,162,39,.2);
    }

    html, body {
      height: 100%;
      background: var(--dark);
      color: #e8e0d0;
      font-family: 'Raleway', sans-serif;
      overflow: hidden;
    }

    /* ── starfield ── */
    #stars-canvas {
      position: fixed;
      inset: 0;
      z-index: 0;
      pointer-events: none;
    }

    /* ── ambient glow blobs ── */
    .glow-blob {
      position: fixed;
      border-radius: 50%;
      pointer-events: none;
      z-index: 0;
      filter: blur(120px);
      opacity: .12;
    }
    .glow-blob.left  { width: 600px; height: 600px; left: -200px; top: 10%; background: radial-gradient(circle, #c9a227, transparent 70%); }
    .glow-blob.right { width: 500px; height: 500px; right: -150px; bottom: 10%; background: radial-gradient(circle, #c9a227, transparent 70%); }
    .glow-blob.center { width: 800px; height: 400px; left: 50%; top: 50%; transform: translate(-50%,-50%); background: radial-gradient(circle, rgba(201,162,39,.4), transparent 60%); opacity: .06; }

    /* ── floating cards ── */
    .float-cards {
      position: fixed;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      overflow: hidden;
    }
    .float-card {
      position: absolute;
      opacity: 0;
      animation: floatUp linear infinite;
      filter: drop-shadow(0 0 6px rgba(201,162,39,.3));
    }

    @keyframes floatUp {
      0%   { transform: translateY(110vh) rotate(0deg);   opacity: 0; }
      10%  { opacity: .13; }
      90%  { opacity: .08; }
      100% { transform: translateY(-15vh) rotate(360deg); opacity: 0; }
    }

    /* ── main layout ── */
    .scene {
      position: relative;
      z-index: 2;
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0;
      padding: 2rem;
    }

    /* ── headline ── */
    .headline {
      font-family: 'Cinzel', serif;
      font-weight: 900;
      font-size: clamp(3.5rem, 10vw, 8.5rem);
      line-height: .92;
      letter-spacing: .03em;
      text-align: center;
      background: linear-gradient(160deg, #f5de7a 0%, #c9a227 35%, #f0d060 65%, #9a7010 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      filter: drop-shadow(0 4px 40px rgba(201,162,39,.55));
      animation: shimmer 5s linear infinite;
      background-size: 200% auto;
    }

    @keyframes shimmer {
      0%   { background-position: 0% center; }
      100% { background-position: 200% center; }
    }

    .sub-headline {
      font-family: 'Cinzel', serif;
      font-size: clamp(.85rem, 2vw, 1.25rem);
      letter-spacing: .4em;
      color: rgba(201,162,39,.6);
      text-transform: uppercase;
      margin-top: .9rem;
      margin-bottom: 3.5rem;
    }

    /* ── divider ── */
    .divider {
      display: flex;
      align-items: center;
      gap: 1.2rem;
      margin-bottom: 2.8rem;
    }
    .divider-line {
      height: 1px;
      width: 100px;
      background: linear-gradient(90deg, transparent, var(--gold));
    }
    .divider-line.r { background: linear-gradient(90deg, var(--gold), transparent); }
    .divider-icon { color: var(--gold); font-size: 1rem; opacity: .7; }

    /* ── coming soon section (no card) ── */
    .cs-section {
      text-align: center;
    }

    .cs-label {
      font-family: 'Cinzel', serif;
      font-size: clamp(1.6rem, 4vw, 2.6rem);
      font-weight: 700;
      color: rgba(201,162,39,.55);
      letter-spacing: .25em;
      text-transform: uppercase;
      margin-bottom: 1.4rem;
    }

    .cs-desc {
      font-size: .98rem;
      font-weight: 300;
      color: rgba(232,224,208,.4);
      line-height: 1.9;
      letter-spacing: .04em;
    }
    .cs-desc strong {
      color: rgba(240,208,96,.7);
      font-weight: 500;
    }

    /* ── UE badge ── */
    .ue-badge {
      display: inline-flex;
      align-items: center;
      gap: .7rem;
      margin-top: 2.2rem;
      padding: .6rem 1.6rem;
      border: 1px solid rgba(201,162,39,.25);
      border-radius: 99px;
      font-size: .78rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(201,162,39,.7);
      background: rgba(201,162,39,.04);
      transition: all .4s ease;
      cursor: default;
    }
    .ue-badge:hover {
      border-color: rgba(201,162,39,.6);
      color: var(--gold2);
      background: rgba(201,162,39,.08);
      box-shadow: 0 0 30px rgba(201,162,39,.12);
    }
    .ue-dot {
      width: 7px; height: 7px;
      border-radius: 50%;
      background: var(--gold);
      box-shadow: 0 0 8px rgba(201,162,39,.8);
      animation: blink 1.6s ease-in-out infinite;
    }
    @keyframes blink {
      0%,100% { opacity: 1; box-shadow: 0 0 8px rgba(201,162,39,.8); }
      50%      { opacity: .25; box-shadow: none; }
    }

    /* ── bottom bar ── */
    .bottom-bar {
      position: fixed;
      bottom: 2rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: 10;
      display: flex;
      gap: 1.8rem;
      align-items: center;
    }
    .bottom-bar span {
      font-size: .68rem;
      letter-spacing: .18em;
      color: rgba(201,162,39,.28);
      text-transform: uppercase;
      white-space: nowrap;
    }
    .bottom-dot {
      width: 3px; height: 3px;
      border-radius: 50%;
      background: rgba(201,162,39,.25);
      flex-shrink: 0;
    }