/* ═══════════════════════════════════════════════════════
   Signature element: the waitlist "boarding pass" ticket
   — full scalloped border, perforated tear-line, warm glow
   backdrop that shifts color per context (blue/gold/purple)
   ═══════════════════════════════════════════════════════ */

.ticket-wrap{
  position:relative;max-width:420px;margin:0 auto;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,0.5));
}
.ticket{
  background:var(--white);color:var(--black);border-radius:20px;
  position:relative;overflow:hidden;
}
/* scalloped edge, all four sides, via repeating radial-gradient mask */
.ticket::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle 7px at 0 50%, transparent 7px, var(--black) 7.5px) left center/14px 100% repeat-y,
    radial-gradient(circle 7px at 100% 50%, transparent 7px, var(--black) 7.5px) right center/14px 100% repeat-y;
  mix-blend-mode:normal;
}
.ticket-top{
  padding:28px 26px 22px;position:relative;
  background:
    radial-gradient(120% 100% at 50% 0%, var(--tk-glow, rgba(61,111,255,0.16)), transparent 65%),
    var(--white);
}
.ticket-eyebrow{
  font-family:var(--fm);font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--dim2);margin-bottom:10px;
}
.ticket-rank{
  font-family:var(--fd);font-weight:800;font-size:64px;line-height:0.9;letter-spacing:-0.02em;
  color:var(--black);
}
.ticket-rank sup{font-size:26px;font-weight:700;top:-0.5em;position:relative;margin-right:2px}
.ticket-name{
  font-family:var(--fm);font-size:13px;font-weight:600;color:var(--black);margin-top:14px;
  text-transform:uppercase;letter-spacing:0.03em;
}
.ticket-tear{
  position:relative;height:0;
}
.ticket-tear::after{
  content:'';position:absolute;left:14px;right:14px;top:0;border-top:2px dashed rgba(0,0,0,0.15);
}
.ticket-bottom{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;
  padding:18px 26px 24px;background:var(--white);
}
.ticket-cell{padding-right:10px}
.ticket-cell-lbl{
  font-family:var(--fm);font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--dim2);margin-bottom:4px;
}
.ticket-cell-val{
  font-family:var(--fm);font-size:13px;font-weight:700;color:var(--black);
}
.ticket-code{
  font-family:var(--fm);font-size:15px;font-weight:700;letter-spacing:0.08em;color:var(--black);
}
.ticket-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--fm);font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;
  padding:5px 11px;border-radius:50px;margin-top:12px;
}
.ticket-badge.qualify{background:#E8F9F1;color:#0F9D58}
.ticket-badge.pending{background:#FFF4E0;color:#C98A1F}

@media(max-width:480px){
  .ticket-rank{font-size:52px}
  .ticket-bottom{grid-template-columns:1fr 1fr;row-gap:14px}
}