:root{
  --blue:#0636a0;
  --blue2:#061f68;
  --green:#58e315;
  --cyan:#20c6ff;
  --yellow:#ffe35a;
  --text:#f7fbff;
  --muted:#c6dbff;
  --line:rgba(255,255,255,.18);
  --shadow:0 24px 70px rgba(0,12,58,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#04133f}
body{margin:0;min-width:0;overflow-x:hidden;color:var(--text);font-family:Inter,Arial,sans-serif;background:
  radial-gradient(circle at 12% 14%,rgba(88,227,21,.38),transparent 16%),
  radial-gradient(circle at 86% 6%,rgba(32,198,255,.34),transparent 20%),
  linear-gradient(135deg,#03113d 0%,#0636a0 48%,#00184d 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.26;background:
  repeating-linear-gradient(128deg,transparent 0 28px,rgba(255,255,255,.12) 29px,transparent 31px 96px),
  radial-gradient(circle at 20% 38%,rgba(255,255,255,.22) 0 2px,transparent 3px),
  radial-gradient(circle at 82% 58%,rgba(88,227,21,.38) 0 4px,transparent 5px)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.shell{position:relative;width:min(100% - 22px,520px);margin:0 auto;padding:18px 0 12px}
.hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.045));box-shadow:var(--shadow)}
.hero-art{overflow:hidden;background:#02164d}
.hero-art img{width:100%;height:auto;filter:saturate(1.08) contrast(1.04)}
.hero-copy{position:relative;padding:17px;background:linear-gradient(180deg,rgba(3,18,65,.76),rgba(3,18,65,.96))}
.hero-copy:before{display:none}
.eyebrow{position:relative;z-index:1;display:inline-flex;width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;border:1px solid rgba(88,227,21,.52);background:rgba(88,227,21,.15);color:#dfffcd;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
h1,h2,p{position:relative;z-index:1;margin:0}
h1{margin-top:10px;font-size:42px;line-height:.95;letter-spacing:-.03em;text-shadow:0 3px 0 rgba(0,0,0,.22)}
h2{font-size:30px;line-height:1}
p{margin-top:10px;color:var(--muted);font-size:15px;line-height:1.5}
.actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.actions a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;font-weight:950}
.primary{background:linear-gradient(135deg,var(--green),var(--yellow));color:#05215b;box-shadow:0 15px 35px rgba(88,227,21,.22)}
.secondary{border:1px solid var(--line);background:rgba(255,255,255,.12)}
.ticket,.cola-card a{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.055));box-shadow:var(--shadow)}
.ticket{margin-top:14px;padding:17px;border-radius:26px}
.ticket-tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff;color:var(--blue);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.ticket h2{margin-top:11px}
.vote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}
.vote-grid article{position:relative;overflow:hidden;min-height:196px;border-radius:20px;background:#fff;color:#081f6b}
.vote-grid article:before{content:"";position:absolute;inset:auto -16px -30px auto;width:88px;height:88px;border-radius:50%;background:rgba(88,227,21,.28)}
.vote-grid article img{width:100%;height:112px;object-fit:cover;object-position:center top;background:#082273}
.vote-grid article div{position:relative;z-index:1;padding:10px 11px 12px}
.vote-grid small{display:block;color:#133185;font-size:10px;font-weight:950;text-transform:uppercase;line-height:1.12}
.vote-grid strong{display:block;margin:5px 0 1px;font-size:38px;line-height:.95;color:#15309a;letter-spacing:-.04em}
.vote-grid span{display:block;color:#06164d;font-weight:950;font-size:13px;line-height:1.1}
.cola-card{display:grid;gap:10px;margin-top:14px}
.cola-card a:first-child{overflow:hidden;border-radius:22px}
.cola-card img{width:100%;height:auto}
.cola-card span{display:block;padding:11px 12px;font-weight:950;background:rgba(2,12,48,.74)}
.share-bottom{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:999px!important;background:linear-gradient(135deg,var(--green),var(--yellow))!important;color:#05215b;font-weight:950;box-shadow:0 15px 35px rgba(88,227,21,.22)!important}
.badge{display:block;width:max-content;max-width:calc(100% - 24px);margin:14px auto 18px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid var(--line);color:#dbe9ff;font-size:12px}
@media(max-width:360px){
  h1{font-size:36px}
  .vote-grid{grid-template-columns:1fr}
  .actions{grid-template-columns:1fr}
  .vote-grid article{min-height:232px}
  .vote-grid article img{height:142px}
}
@media(min-width:760px){
  .shell{width:min(100% - 36px,620px);padding-top:26px}
  .vote-grid article img{height:142px}
}