:root{--bg:#0b0d12;--ink:#fff6f1;--muted:#d9c3bb;--accent:#ff6a43;--cyan:#2ee6ff;--on-accent:#1b0b06;--card:rgba(18,16,22,.78);--line:rgba(255,255,255,.12);--line-strong:rgba(255,255,255,.3);--nav-bg:rgba(12,10,14,.6);--shadow:0 24px 60px -28px rgba(0,0,0,.9);--bar-bg:rgba(255,255,255,.1);--bar:linear-gradient(90deg,#ff6a43,#ff9a6e,#2ee6ff);--prize-bg:radial-gradient(circle at 50% 45%,rgba(46,230,255,.28),rgba(255,106,67,.25) 45%,rgba(20,14,18,.2) 75%),linear-gradient(160deg,#f26b45,#c94a2a);--cap-bg:rgba(14,12,18,.92);--foot-bg:rgba(10,9,12,.92)}
.vid-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:#140c0a url(video/bg-poster.jpg) center/cover}
.vid-bg video{width:100%;height:100%;object-fit:cover}
.vid-dim{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,rgba(10,8,12,.45),rgba(10,8,12,.85) 70%),linear-gradient(180deg,rgba(232,97,59,.18),rgba(10,8,12,.7))}
main,footer{position:relative;z-index:2}
.hero{padding-top:clamp(2rem,5vw,4rem)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}
.hero-banner{width:100%;max-width:560px;border-radius:18px;box-shadow:0 0 0 2px rgba(46,230,255,.45),0 0 40px rgba(46,230,255,.35),0 30px 60px -20px #000;margin-bottom:1.4rem}
.hero-title{font-family:"Bebas",Impact,sans-serif;font-weight:400;font-size:clamp(3rem,7vw,5.6rem);line-height:.92;margin:0;text-shadow:0 6px 30px rgba(0,0,0,.6)}
.hero-title span{color:var(--accent);text-shadow:0 0 24px rgba(255,106,67,.6)}
.hero-sub{font-size:clamp(1.02rem,1.8vw,1.22rem);max-width:40ch;margin:.8rem 0 1.3rem}
.hero-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.1rem}
.hero-mini{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:1.1rem;color:var(--muted);font-size:.95rem}.hero-mini b{color:var(--ink)}
.btn-primary{box-shadow:0 0 0 0 transparent,0 10px 30px -8px var(--accent)}
.carousel{position:relative;padding:1.1rem 1.1rem 1.2rem;border:1px solid rgba(46,230,255,.35);box-shadow:0 0 50px -10px rgba(46,230,255,.45),var(--shadow);overflow:hidden;touch-action:pan-y}
.car-head{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin-bottom:.6rem}.car-up{margin-left:auto}.car-up b{color:var(--ink)}
.car-track{position:relative;aspect-ratio:1/1.02}
.slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateX(40px) scale(.96);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.slide.on{opacity:1;transform:none;pointer-events:auto}
.slide.off{opacity:0;transform:translateX(-40px) scale(.96)}
.slide .glow{flex:1;width:100%;display:grid;place-items:center;border-radius:20px;background:var(--prize-bg);padding:1.2rem;min-height:0}
.slide img{max-height:100%;max-width:92%;object-fit:contain;filter:drop-shadow(0 0 22px rgba(46,230,255,.5)) drop-shadow(0 20px 24px rgba(0,0,0,.5))}
.slide h3{margin:.8rem 0 0;font-family:"Bebas";font-weight:400;font-size:2rem;letter-spacing:.02em;text-align:center;line-height:1}
.slide p{margin:.1rem 0 0;color:var(--cyan);font-weight:700}
.slide .tag-out{margin-top:.3rem}
.car-dots{display:flex;justify-content:center;gap:.5rem;margin:.9rem 0 .8rem}
.car-dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.3);cursor:pointer;padding:0;transition:width .3s,background .3s}
.car-dots button[aria-selected=true]{width:28px;background:var(--cyan)}
.promo{position:relative;overflow:hidden;border:1px solid rgba(46,230,255,.35);box-shadow:0 0 60px -15px rgba(46,230,255,.5),var(--shadow)}
.promo video{width:100%;aspect-ratio:16/9;display:block;background:#000}
.unmute{position:absolute;right:16px;bottom:16px}
.prize-img img{filter:drop-shadow(0 0 16px rgba(46,230,255,.45)) drop-shadow(0 14px 20px rgba(0,0,0,.4))}
.buy-card{padding:clamp(1.4rem,4vw,2.4rem);display:grid;gap:1.2rem}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.carousel{max-width:480px;width:100%;margin:0 auto}}
.slide .glow{position:relative;display:block}
.slide img{position:absolute;left:8%;top:7%;width:84%;height:86%;max-width:none;max-height:none;object-fit:contain}
@media(min-width:1100px){.t-switch .prizes{grid-template-columns:repeat(5,1fr)}}