* { box-sizing: border-box; }
      html { background: transparent; }
      body {
        margin: 0;
        min-height: 100vh;
        min-height: 100svh;
        padding: 6px;
        display: grid;
        place-items: center;
        background: transparent;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
      }
      main { width: 100%; display: grid; place-items: center; }
      .ai-badge {
        position: relative;
        isolation: isolate;
        display: flex;
        width: max-content;
        max-width: 100%;
        min-height: 54px;
        align-items: center;
        gap: 6px;
        overflow: hidden;
        padding: 5px 7px;
        border: 1px solid #ffffff80;
        border-radius: 17px;
        background: #087dbd;
        box-shadow: inset 0 1px 0 #ffffff61;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
      }
      .ai-badge:focus-visible { outline: 3px solid #08689b; outline-offset: 2px; }
      .ai-badge:hover .badge-copy { text-decoration: underline; text-underline-offset: 3px; }
      .badge-background {
        position: absolute;
        inset: 0;
        z-index: 0;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 66% 48%;
      }
      .ai-badge::before {
        position: absolute;
        inset: 0;
        z-index: 1;
        content: "";
        background: linear-gradient(90deg, #003e6ac2 0%, #067bb5a8 54%, #00385fb8 100%);
      }
      #ticket-particles {
        position: absolute;
        inset: 0;
        z-index: 2;
        display: block;
        width: 100%;
        height: 100%;
        opacity: .58;
        pointer-events: none;
        mix-blend-mode: screen;
        mask-image: radial-gradient(85% 135% at 56% 50%, #000 0%, transparent 100%);
        -webkit-mask-image: radial-gradient(85% 135% at 56% 50%, #000 0%, transparent 100%);
      }
      #ticket-particles[hidden] { display: none; }
      .badge-mark {
        position: relative;
        z-index: 3;
        display: block;
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        filter: brightness(0) invert(1);
      }
      .badge-copy {
        position: relative;
        z-index: 3;
        flex: 0 1 auto;
        margin: 0;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: -.012em;
        line-height: 1.15;
        text-shadow: 0 1px 5px #002b4a75;
        white-space: nowrap;
      }
      @media (max-width: 230px) {
        .ai-badge { min-height: 50px; gap: 4px; padding: 4px 5px; border-radius: 14px; }
        .badge-mark { width: 38px; height: 38px; flex-basis: 38px; }
        .badge-copy { font-size: 12px; }
      }
      @media print {
        body { min-height: 0; padding: 0; }
        .ai-badge { box-shadow: none; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
      }