:root {
        --bg1: #2b2b2b;
        --bg2: #4a4a4a;
        --panel: rgba(255, 255, 255, 0.06);
        --text: #f3f3f3;
        --muted: rgba(255, 255, 255, 0.75);
        --muted2: rgba(255, 255, 255, 0.55);
        --accent: #d22a2a;
        --shadow: 0 18px 45px rgba(0, 0, 0, 0.55);

        /* Link color for entry.php (change this if you want) */
        --entry-link: #f3f3f3;
      }

      * { box-sizing: border-box; }

      body {
        margin: 0;
        min-height: 100svh;
        display: grid;
        place-items: center;
        padding: 28px 14px;
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
        background: radial-gradient(circle at 30% 20%, #3a3a3a 0%, #1f1f1f 55%, #151515 100%);
        color: var(--text);
      }

      .poster {
        width: min(600px, 100%);
        border-radius: 18px;
        overflow: hidden;
        box-shadow: var(--shadow);
        background: linear-gradient(180deg, var(--bg1) 0%, var(--bg2) 55%, #2e2e2e 100%);
        border: 1px solid rgba(255, 255, 255, 0.10);
      }

      .top {
        padding: 18px 18px 10px;
        display: grid;
        grid-template-columns: 96px 1fr;
        gap: 14px;
        align-items: center;
      }

      .logoBlock {
        display: grid;
        justify-items: center;
        gap: 8px;
      }

      .logoBox {
        width: 100px;
        height: 100px;
        border-radius: 8px;
        overflow: hidden;
        display: grid;
        place-items: center;
        background: rgba(0, 0, 0, 0.18);
        border: 1px solid rgba(255, 255, 255, 0.18);
        text-decoration: none;
      }

      .logoBox .logo {
        width: 100%;
        height: 100%;
        display: grid;
        place-items: center;
      }

      .logoBox .logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        padding: 6px;
      }

      .divider {
        height: 1px;
        background: rgba(255, 255, 255, 0.12);
        margin: 6px 18px 14px;
      }

      .hero { padding: 0 18px 14px; }

      .content {
        padding: 6px 18px 18px;
        text-align: center;
      }

      .headline {
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        font-size: 20px;
        line-height: 1.08;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
      }

      .headline h2 {
        margin: 0 0 8px;
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
        text-transform: inherit;
        letter-spacing: inherit;
      }

      .blurb {
        margin: 14px auto 16px;
        max-width: 520px;
        color: var(--muted);
        font-size: 15px;
        line-height: 1.55;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
        text-align: left;
      }

      .blurb p { margin: 0 0 10px; }

      .cta {
        margin: 6px 0 14px;
        color: var(--accent);
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-size: 34px;
        text-shadow: 0 2px 14px rgba(0, 0, 0, 0.4);
      }

      /* Clickable coupon */
      .coupon {
        margin: 0 auto 14px;
        max-width: 360px;
        padding: 14px 14px;
        border-radius: 10px;
        border: 2px dashed rgba(255, 255, 255, 0.60);
        background: rgba(0, 0, 0, 0.18);
        cursor: pointer;
        transition: transform 120ms ease, opacity 120ms ease;
      }

      .coupon:hover { opacity: 0.92; transform: translateY(-1px); }
      .coupon:active { transform: translateY(0px); }

      .coupon p {
        margin: 0;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.25;
        text-align: center;
      }

      .coupon .free {
        text-decoration: underline;
        font-weight: 950;
      }

      /* IMPORTANT: link styling for entry.php wrapper */
      .couponLink,
      .couponLink:visited {
        color: var(--entry-link);
        text-decoration: none; /* no underline */
        display: block;        /* makes the whole coupon area clickable */
      }

      .couponLink:focus-visible {
        outline: 2px solid rgba(255,255,255,0.65);
        outline-offset: 4px;
        border-radius: 12px;
      }

      .fineprint {
        padding: 14px 18px 18px;
        text-align: center;
        color: rgba(255, 255, 255, 0.68);
        font-size: 13px;
        line-height: 1.35;
      }