*{box-sizing:border-box}body{margin:0;color:#e9f3ff;background:#081321;font:16px/1.65 'Segoe UI',sans-serif;min-height:100vh;background-image:radial-gradient(ellipse at 15% 25%,#1b4f7555,transparent 48%),radial-gradient(ellipse at 85% 55%,#43306445,transparent 50%)}header{max-width:1150px;margin:auto;padding:20px 6%;display:flex;align-items:center;justify-content:space-between;gap:22px}header img{width:clamp(160px,24vw,270px);height:auto;display:block}a{color:#c1e7ff;text-decoration:none}header>a:last-child{font-size:13px}main{max-width:880px;margin:auto;padding:25px 6% 70px}h1{font-size:clamp(42px,7vw,76px);line-height:1.05;letter-spacing:-.045em;margin:20px 0}h1 em{font-style:normal;color:#9cd5fa}h2{font-size:28px;line-height:1.2;color:#d7eeff}h3{font-size:20px}.eyebrow{letter-spacing:.18em;font-size:11px;color:#9ed3ee}.ticket-heading>p:not(.eyebrow){max-width:560px}.demo-notice{font-size:13px;color:#e1c990}.ticket-tabs{display:flex;gap:16px;margin:34px 0 18px;flex-wrap:wrap}button,.button,.project-link{cursor:pointer;font:600 14px/1.4 'Segoe UI',sans-serif;color:#e6f4ff;border:0;min-height:46px;padding:13px 20px;background:radial-gradient(ellipse,#4a94b65e,transparent 72%);display:inline-block;text-align:center}button:hover,a.button:hover{color:#fff;background:radial-gradient(ellipse,#71bbdc85,transparent 74%)}button:disabled{opacity:.45;cursor:default}.ticket-tabs [aria-pressed=true]{color:#b8e9ff;text-shadow:0 0 16px #90dfff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #96ddff;outline-offset:4px}#ticket-screen{position:relative;isolation:isolate;padding:24px 18px 30px;min-height:290px}#ticket-screen:before{content:'';pointer-events:none;position:absolute;inset:-30px;z-index:-1;background:radial-gradient(ellipse,#205a7750 10%,#152d3d36 50%,transparent 72%)}label{display:block;margin:14px 0;color:#c2d7e7}select,input[type=text]{display:block;width:100%;padding:13px;color:#edfaff;border:0;border-bottom:1px solid #8bc8ec66;background:#1b3b4a55;font:inherit}select option{background:#112437}label.check{display:flex;align-items:center;gap:10px}.check input{width:20px;height:20px;accent-color:#90d9f5}.ticket-total{font-size:26px;color:#fff2d3;margin:24px 0}.ticket-total small{font-size:12px;color:#b9ccdc}.ticket-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}dd{margin:0;color:#e6f3fc;text-align:right}dt{color:#a9bfd0}.ticket-layout{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center}.qr-wrap{background:#fff;padding:16px;display:inline-block;width:248px;height:248px;align-self:start}.qr-wrap canvas,.qr-wrap img{width:216px!important;height:216px!important;display:block}.ticket-code{overflow-wrap:anywhere;font:12px/1.7 monospace;color:#b4cddc}.ticket-status{font-size:20px;color:#b8eed4}.ticket-status.refused{color:#f3c89d}.ticket-local,footer{font-size:12px;color:#a6bdce}footer{padding:24px 6%;text-align:center}.ticket-counts{display:flex;gap:22px;flex-wrap:wrap;color:#bad4e7}.ticket-counts strong{color:#e3f5ff;font-size:24px;display:block}.scan-preview{width:100%;max-width:420px;max-height:260px;object-fit:cover;display:block}.upload-label{cursor:pointer;padding:12px 0}.upload-label input{display:block;max-width:100%;margin-top:10px;font:inherit;font-size:12px}.ticket-receipt{font-size:13px;color:#c1d6e7}.project-link{padding-left:0;text-align:left}.compact{font-size:13px}#ticket-error{color:#f0c0a0}.success-symbol{font-size:30px;color:#abefd4}video[hidden],form[hidden]{display:none!important}@media(max-width:600px){header{padding:16px 5%;gap:10px}header img{width:166px}header>a:last-child{font-size:11px}main{padding-inline:5%}.ticket-layout{display:block}.qr-wrap{margin:20px 0}.ticket-tabs{gap:0}#ticket-screen{padding-inline:8px}dl{font-size:14px}.ticket-actions>*{flex:1}.ticket-local{margin-top:26px}}@media(prefers-reduced-motion:no-preference){#ticket-screen{animation:arrive .3s ease-out}@keyframes arrive{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}}

.ticket-heading h1{font-size:clamp(33px,6.6vw,62px);margin:12px 0}
.ticket-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:28px 0 8px;gap:10px;color:#a3bace;font-size:13px}
.ticket-steps li{padding-block:8px}
.ticket-steps [aria-current]{color:#eaf7ff;font-weight:700;text-decoration:underline;text-decoration-color:#83d8ff;text-underline-offset:6px}
#ticket-screen h2{margin:0 0 10px}
#ticket-screen h2:focus{outline:none}
#ticket-screen p{max-width:68ch}
#ticket-screen form{max-width:520px}
#ticket-screen form .button{margin-top:8px}
#ticket-screen input,#ticket-screen select{margin-top:6px}
#ticket-screen .check input{margin:0}
#ticket-screen summary{cursor:pointer;color:#b5e0ff;margin-top:18px}
#ticket-screen .button,.project-link{min-height:48px}
.ticket-steps,.ticket-layout{overflow-wrap:anywhere}
html,body{overflow-x:clip}
.button.vapor-button{position:relative;isolation:isolate;background:transparent}
@media(max-width:600px){.ticket-steps{gap:5px;font-size:12px}.ticket-actions>*{flex:1 1 140px}}
.seat-map{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;max-width:360px;margin:12px 0;font-size:12px;text-align:center}
.seat-map span{padding:4px 0;color:#c6daeb;background:radial-gradient(ellipse,#247bae50,transparent 76%)}
.seat-map .seat-mine{color:#e9f8ff;font-weight:700;background:radial-gradient(ellipse,#59baf6b0,transparent 76%)}
.seat-map .seat-taken{color:#a1aebe;background:radial-gradient(ellipse,#717d8a50,transparent 76%)}
.seat-stage{grid-column:1/-1;margin:0;color:#a9d9f2;letter-spacing:.15em}