*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#06080d;color:#f5f7fa;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.top{height:78px;background:linear-gradient(180deg,#080b12,#080b1200);display:flex;align-items:center;padding:0 4vw;gap:3vw;position:fixed;top:0;left:0;right:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brandmark{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#ff1548,#ff7517);display:grid;place-items:center;font-size:18px}.brand b{display:block;font-size:15px;letter-spacing:1.8px}.brand small{display:block;color:#8b94a4;font-size:9px;letter-spacing:3px;margin-top:3px}.nav{background:none;border:0;color:#9ca6b6;padding:11px 15px;border-radius:8px;cursor:pointer;font-size:14px}.nav.active,.nav:focus{color:#fff;background:#ffffff12;outline:2px solid #ffffff22}.clock{margin-left:auto;color:#b5becb;font-size:14px}.home{height:calc(100vh - 36px);overflow-y:auto;padding-bottom:70px;scroll-behavior:smooth}.hero{height:58vh;min-height:430px;position:relative;display:flex;align-items:flex-end;padding:0 5vw 7vh;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 72% 40%,#72213d 0,#251321 23%,#090b10 63%),linear-gradient(90deg,#07090e 0%,transparent 65%);opacity:.95}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06080d 0%,transparent 45%),linear-gradient(90deg,#06080d 0%,transparent 70%)}.hero-content{position:relative;z-index:2;max-width:620px}.pill{font-size:10px;letter-spacing:1.4px;color:#ff6884;font-weight:800}.hero h1{font-size:clamp(34px,5vw,68px);margin:12px 0 8px;letter-spacing:-2px}.hero p{color:#aeb7c5;font-size:16px;line-height:1.5;max-width:560px}.hero-buttons{display:flex;gap:10px;margin-top:24px}.primary,.secondary{border:1px solid #30394a;border-radius:8px;padding:12px 19px;background:#151b26;color:#fff;cursor:pointer}.primary{background:#f12c53;border-color:#f12c53;font-weight:bold}.primary:focus,.secondary:focus,.focusable:focus{outline:3px solid #fff;outline-offset:3px}.rail-section{padding:0 5vw;margin:22px 0}.section-title{font-size:18px;font-weight:bold;margin-bottom:11px}.section-title span{color:#707b8d;font-size:11px;font-weight:normal}.rail{display:flex;gap:12px;overflow-x:auto;padding:5px 4px 13px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.card{flex:0 0 180px;height:118px;border:1px solid #202938;background:#0f141d;border-radius:9px;overflow:hidden;position:relative;cursor:pointer;transition:.15s}.card:focus,.card.active{transform:scale(1.06);border-color:#fff;box-shadow:0 10px 28px #0009;outline:3px solid #fff}.card img{width:100%;height:82px;object-fit:contain;padding:12px;background:#0a0e15}.card .cardName{padding:7px 9px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .live{position:absolute;top:7px;right:7px;background:#f1264f;padding:3px 5px;border-radius:4px;font-size:8px;font-weight:bold}.panel,.playerPanel{position:fixed;inset:0;background:#080b12;z-index:50;padding:95px 5vw 55px;overflow:auto}.hidden{display:none!important}.panel-head,.playerTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.panel h2{font-size:30px}.searchInput{width:min(700px,100%);padding:15px 18px;background:#121824;border:1px solid #30394a;border-radius:9px;color:#fff;outline:none;margin-bottom:25px}.grid{display:flex;flex-wrap:wrap;gap:15px}.playerPanel{padding:80px 4vw 50px;background:#030407}.playerTop{margin-bottom:12px}.playerTop>div{font-size:20px;font-weight:bold}.videoBox{height:calc(100vh - 175px);background:#000;border-radius:10px;overflow:hidden}.video-js{width:100%;height:100%}.playerInfo{padding:13px 3px;display:flex;gap:15px;align-items:center;color:#8e98a8;font-size:12px}footer{position:fixed;z-index:40;bottom:0;left:0;right:0;height:36px;background:#0a0d13;border-top:1px solid #1b2230;color:#6f7a8b;font-size:9px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw}@media(max-width:900px){.nav{display:none}.hero{min-height:400px;height:54vh}.card{flex-basis:145px;height:100px}.card img{height:68px}.hero h1{font-size:36px}.hero p{font-size:13px}.videoBox{height:calc(100vh - 160px)}}