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

  :root {
    --gold:  #D4A520;
    --amber: #F0C040;
    --ember: #E06010;
    --ink:   #1A1A22;
    --smoke: #2A2A35;
    --chalk: #E8E4DC;
    --dim:   #888880;
  }

  /* Transparent page — no background colour */
  /*html, body {
    background: transparent;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: 'Space Mono', monospace;
  }*/

  /* ── LOGO CARD ── */
  .logo-wrap {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 56px 72px 48px;
    background: var(--ink);
    border: 1px solid var(--smoke);
    box-shadow:
      0 0 0 1px rgba(212,165,32,.08),
      0 24px 80px rgba(0,0,0,.7),
      inset 0 1px 0 rgba(255,255,255,.04);
  }

  /* ── CORNER NOTCHES — all four corners ── */
  .logo-wrap::before,
  .logo-wrap::after,
  .corner-br,
  .corner-bl {
    content: '';
    position: absolute;
    width: 18px; height: 18px;
    border-color: var(--gold);
    border-style: solid;
    opacity: .55;
  }
  /* top-left */
  .logo-wrap::before { top: -1px;    left: -1px;  border-width: 2px 0 0 2px; }
  /* bottom-right */
  .logo-wrap::after  { bottom: -1px; right: -1px; border-width: 0 2px 2px 0; }
  /* top-right */
  .corner-tr { top: -1px;    right: -1px; border-width: 2px 2px 0 0; }
  /* bottom-left */
  .corner-bl { bottom: -1px; left: -1px;  border-width: 0 0 2px 2px; }

  /* ── SUN MARK ── */
  .sun-mark {
    position: relative;
    width: 48px; height: 48px;
    margin-bottom: 18px;
  }

  .sun-core {
    position: absolute;
    inset: 10px;
    border-radius: 50%;
    background: radial-gradient(circle at 40% 35%, var(--amber), var(--gold) 55%, var(--ember));
    box-shadow: 0 0 18px 4px rgba(212,165,32,.45);
    animation: pulse 3s ease-in-out infinite;
  }

  @keyframes pulse {
    0%, 100% { box-shadow: 0 0 18px 4px rgba(212,165,32,.45); }
    50%       { box-shadow: 0 0 28px 8px rgba(212,165,32,.65); }
  }

  /* ── WORDMARK ── */
  .wordmark {
    display: flex;
    align-items: baseline;
    letter-spacing: .02em;
    line-height: 1;
  }

  .seg-re, .seg-win {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 64px;
    color: var(--chalk);
    opacity: .72;
  }

  .seg-sol {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 64px;
    background: linear-gradient(135deg, var(--amber) 20%, var(--gold) 55%, var(--ember) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
  }

  /* SOL glow echo */
  .seg-sol::after {
    content: attr(data-t);
    position: absolute;
    inset: 0;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 64px;
    color: var(--gold);
    -webkit-text-fill-color: var(--gold);
    filter: blur(12px);
    opacity: .3;
    z-index: -1;
  }

  /* ── TAGLINE ── */
  .tagline {
    margin-top: 12px;
    font-family: 'Space Mono', monospace;
    font-size: 10px;
    letter-spacing: .32em;
    text-transform: uppercase;
    color: var(--dim);
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .tagline .diamond { color: var(--gold); opacity: .6; }

  /* ── RULE ── */
  .rule {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold) 40%, var(--amber) 60%, transparent);
    margin-top: 28px;
    opacity: .25;
  }