@layer components{.offer-theme{--o-page:#ecedf3;--o-band:#e3e5ee;--o-card-a:#f7f7fa;--o-card-b:#edeef4;--o-line:#1515231c;--o-line-2:#15152338;--o-ink:#151523;--o-muted:#474a5e;--o-accent:#a8320c;--o-soft:#1515230b;--o-card-shadow:0 1px 2px #1515230d, 0 22px 44px -30px #15152380;--o-medal-ring:#151523;--o-grid-line:#15152312;--o-bar:#d6d8e3;--o-header:#151523;--o-closer:#1b1b30;--o-closer-tile:#151523;background-color:var(--o-page);color:var(--o-ink)}.dark .offer-theme{--o-page:#080a12;--o-band:#0d1019;--o-card-a:#161a29;--o-card-b:#0f121c;--o-line:#ffffff17;--o-line-2:#ffffff3d;--o-ink:#fafafa;--o-muted:#fafafac2;--o-accent:#ff9a3d;--o-soft:#ffffff0d;--o-card-shadow:none;--o-medal-ring:#fafafa;--o-grid-line:#ffffff0b;--o-bar:#242939;--o-header:#0b0e17;--o-closer:#111522;--o-closer-tile:#0a0d16}.offer-theme :where(h1,h2,h3){color:inherit;font-weight:800}.o-h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(30px,3.4vw,52px);line-height:1.1}.o-eyebrow{color:var(--o-accent);letter-spacing:2px;text-transform:uppercase;font-size:13px;font-weight:800}.o-lead{color:var(--o-muted);font-size:clamp(17px,1.4vw,19px);line-height:1.6}.o-grad-text{color:#0000;background-image:linear-gradient(135deg,#ff5722,#ffb347);-webkit-background-clip:text;background-clip:text}.o-tag{color:var(--o-accent);letter-spacing:2px;text-transform:uppercase;border:1px solid #ff5722;border-radius:999px;align-items:center;gap:10px;padding:9px 18px;font-size:13px;font-weight:800;display:inline-flex}.o-btn{background-image:var(--brand-gradient);color:#fff;white-space:nowrap;text-shadow:0 1px 2px #00000040;cursor:pointer;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:17px 36px;font-size:18px;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 34px -12px #ff5722cc}.o-btn:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff80 50%,#0000 65%);animation:3.8s 1s infinite o-shine;position:absolute;inset:0;transform:translate(-130%)}.o-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.o-btn:focus-visible{outline-offset:3px;outline:3px solid #ff9800}.o-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.o-btn-ink{text-shadow:none;background-color:#151523;background-image:none;box-shadow:0 16px 32px -14px #151523e6}.o-btn-sm{min-height:46px;padding:12px 24px;font-size:16px}@keyframes o-shine{to{transform:translate(130%)}}.o-card{background-image:linear-gradient(160deg, var(--o-card-a), var(--o-card-b));border:1px solid var(--o-line);box-shadow:var(--o-card-shadow);border-top:3px solid #ff5722bf;border-radius:24px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.o-card:before{content:"";border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0), #ff980029, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.o-card>*{position:relative}.o-card:hover{border-color:#ff5722;transform:translateY(-6px);box-shadow:0 18px 40px -18px #ff57228c}.o-card:hover:before{opacity:1}.o-card-flat:hover{transform:none}.o-hot{background-image:var(--brand-gradient);color:#fff;text-shadow:0 1px 2px #00000047;box-shadow:0 30px 70px -26px #ff5722d9}.o-ink-on-grad{background-image:var(--brand-gradient);color:#151523}.o-band{background-color:var(--o-band)}.o-mesh{pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%)}.o-section{isolation:isolate;position:relative}.o-section>.o-mesh{z-index:-1}.o-pass{--ring:6px;--notch:18px;color:#151523;filter:drop-shadow(0 30px 40px #ff57226b);position:relative}.o-pass-half{-webkit-mask:radial-gradient(circle calc(var(--notch) - var(--ring)) at var(--ring) var(--seam), #0000 96%, #000) no-repeat, radial-gradient(circle calc(var(--notch) - var(--ring)) at calc(100% - var(--ring)) var(--seam), #0000 96%, #000) no-repeat;-webkit-mask-composite:source-in;-webkit-mask:radial-gradient(circle calc(var(--notch) - var(--ring)) at var(--ring) var(--seam), #0000 96%, #000) no-repeat, radial-gradient(circle calc(var(--notch) - var(--ring)) at calc(100% - var(--ring)) var(--seam), #0000 96%, #000) no-repeat;mask:radial-gradient(circle calc(var(--notch) - var(--ring)) at var(--ring) var(--seam), #0000 96%, #000) no-repeat, radial-gradient(circle calc(var(--notch) - var(--ring)) at calc(100% - var(--ring)) var(--seam), #0000 96%, #000) no-repeat;background:#ff572240;-webkit-mask-composite:source-in;mask-composite:intersect}.o-pass-face{-webkit-mask:radial-gradient(circle var(--notch) at 0 var(--seam), #0000 97%, #000) no-repeat, radial-gradient(circle var(--notch) at 100% var(--seam), #0000 97%, #000) no-repeat;-webkit-mask-composite:source-in;-webkit-mask:radial-gradient(circle var(--notch) at 0 var(--seam), #0000 97%, #000) no-repeat, radial-gradient(circle var(--notch) at 100% var(--seam), #0000 97%, #000) no-repeat;mask:radial-gradient(circle var(--notch) at 0 var(--seam), #0000 97%, #000) no-repeat, radial-gradient(circle var(--notch) at 100% var(--seam), #0000 97%, #000) no-repeat;background:#fafafa;position:relative;-webkit-mask-composite:source-in;mask-composite:intersect}.o-pass-top{--seam:100%;padding:var(--ring) var(--ring) 0;border-radius:calc(28px + var(--ring)) calc(28px + var(--ring)) 0 0}.o-pass-top>.o-pass-face{border-radius:28px 28px 0 0;padding-bottom:18px}.o-pass-bottom{--seam:0%;padding:0 var(--ring) var(--ring);border-radius:0 0 calc(28px + var(--ring)) calc(28px + var(--ring))}.o-pass-bottom>.o-pass-face{border-radius:0 0 28px 28px;padding-top:18px}.o-pass-bottom>.o-pass-face:before{content:"";top:0;left:calc(var(--notch) + 6px);right:calc(var(--notch) + 6px);border-top:2px dashed #b8b8c8;position:absolute}@media (max-width:600px){.o-pass{--ring:4px;--notch:14px}}.o-field{color:#151523;width:100%;min-height:50px;font:inherit;background:#fff;border:1px solid #b8b8c8;border-radius:12px;padding:12px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}.o-field:focus{border-color:#ff5722;outline:none;box-shadow:0 0 0 3px #ff572240}.o-medal{--star:polygon(50% 0%, 55.4% 9.4%, 62.9% 1.7%, 65.7% 12.1%, 75% 6.7%, 75% 17.5%, 85.4% 14.6%, 82.5% 25%, 93.3% 25%, 87.9% 34.3%, 98.3% 37.1%, 90.6% 44.6%, 100% 50%, 90.6% 55.4%, 98.3% 62.9%, 87.9% 65.7%, 93.3% 75%, 82.5% 75%, 85.4% 85.4%, 75% 82.5%, 75% 93.3%, 65.7% 87.9%, 62.9% 98.3%, 55.4% 90.6%, 50% 100%, 44.6% 90.6%, 37.1% 98.3%, 34.3% 87.9%, 25% 93.3%, 25% 82.5%, 14.6% 85.4%, 17.5% 75%, 6.7% 75%, 12.1% 65.7%, 1.7% 62.9%, 9.4% 55.4%, 0% 50%, 9.4% 44.6%, 1.7% 37.1%, 12.1% 34.3%, 6.7% 25%, 17.5% 25%, 14.6% 14.6%, 25% 17.5%, 25% 6.7%, 34.3% 12.1%, 37.1% 1.7%, 44.6% 9.4%);aspect-ratio:1;filter:drop-shadow(0 24px 40px #ff572273);animation:6s ease-in-out infinite o-bob;position:relative}.o-medal:before,.o-medal:after{content:"";clip-path:var(--star);position:absolute}.o-medal:before{background:var(--o-medal-ring);inset:0}.o-medal:after{background-image:var(--brand-gradient);inset:14px}.o-medal>div{z-index:1;text-align:center;color:#151523;flex-direction:column;justify-content:center;align-items:center;padding:18%;display:flex;position:absolute;inset:0}@keyframes o-bob{50%{transform:translateY(-8px)rotate(2deg)}}.o-closer{color:#fafafa;background:radial-gradient(ellipse at 50% 30%, #ff572257, transparent 60%), radial-gradient(ellipse at 50% 80%, #6366f11a, transparent 60%), var(--o-closer);border-radius:40px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 50px 110px -40px #ff5722b3}.o-closer[data-outline]:before{content:attr(data-outline);letter-spacing:-.08em;color:#0000;pointer-events:none;background-image:linear-gradient(160deg,#ff57224d,#ff98001f);-webkit-background-clip:text;background-clip:text;font-size:clamp(220px,34vw,520px);font-weight:800;line-height:.8;position:absolute;top:-6%;right:-2%}.o-closer>*{position:relative}.o-seat{aspect-ratio:1/1.05;letter-spacing:-.02em;border-radius:12px;font-weight:800;position:relative}.o-seat>span{border-radius:inherit;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:9px;transition:opacity .9s,transform .9s;display:flex;position:absolute;inset:0;overflow:hidden}.o-seat>.o-seat-open{color:#151523;background:#fafafa;box-shadow:0 10px 18px -10px #0009}.o-seat>.o-seat-open:before{content:"";background:repeating-linear-gradient(90deg,#ff5722 0 9px,#fafafa 9px 18px);height:30%;position:absolute;top:0;left:0;right:0}.o-seat>.o-seat-taken{color:#fff6;background:repeating-linear-gradient(135deg,#ffffff0f 0 6px,#0000 6px 12px);border:2px dashed #fff3;justify-content:center;gap:2px;padding-bottom:0}.o-seat[data-taken=true]>.o-seat-open,.o-seat[data-taken=false]>.o-seat-taken{opacity:0;transform:scale(.85)}.o-grid-bg{background-image:linear-gradient(var(--o-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--o-grid-line) 1px, transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(at 65% 30%,#000 10%,#0000 65%);mask-image:radial-gradient(at 65% 30%,#000 10%,#0000 65%)}.o-shimmer{background:linear-gradient(100deg,#f1f1f6 30%,#fff 50%,#f1f1f6 70%) 0 0/220% 100%;animation:1.6s linear infinite o-shimmer}@keyframes o-shimmer{to{background-position:-220% 0}}@media (hover:none){.o-card:hover{border-color:var(--o-line);box-shadow:var(--o-card-shadow);border-top-color:#ff5722bf;transform:none}.o-card:hover:before{opacity:0}.o-btn:hover{transform:none}}@media (prefers-reduced-motion:reduce){.o-btn:after,.o-medal{animation:none}.o-card:hover,.o-btn:hover{transform:none}}}
