@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;min-height:100%;background:#000;color:#fff;overflow-x:hidden}
body{font-family:Inter,Arial,Helvetica,sans-serif}
.site-header{position:fixed;top:0;left:0;right:0;height:64px;z-index:100;background:rgba(0,0,0,.82);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.header-inner{width:min(1200px,calc(100% - 32px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;min-width:0}.brand img{width:34px;height:34px;object-fit:contain;flex:none}.brand span{font-size:17px;font-weight:800;white-space:nowrap}
.desktop-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.desktop-nav a{color:#fff;text-decoration:none}.desktop-nav a:hover{opacity:.7}
.signin{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);color:#fff;border-radius:999px;padding:9px 18px;font-weight:800;cursor:pointer;white-space:nowrap}
.hero{position:relative;width:100%;height:100svh;min-height:600px;overflow:hidden;background:#02070c;isolation:isolate}
.hero-bg-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden;z-index:-3}.hero-bg{position:absolute!important;inset:-22px!important;width:calc(100% + 44px)!important;height:calc(100% + 44px)!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;filter:blur(9px)!important;transform:scale(1.03)!important;display:block!important}
.hero-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:-2;background:linear-gradient(to bottom,rgba(0,0,0,.42),rgba(0,0,0,.18) 45%,rgba(0,0,0,.76) 100%)}
.hero-content{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:90px 24px 40px!important;text-align:center!important}
.hero-topline{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:20px}.hero-topline span{display:block;width:130px;height:1px;background:rgba(255,255,255,.75)}.hero-topline strong{font-family:"Barlow Condensed",sans-serif;font-size:18px;letter-spacing:8px;font-weight:500}
.hero-title{font-family:"Barlow Condensed",Impact,sans-serif;margin:0;font-size:clamp(38px,5.3vw,82px);line-height:.98;font-weight:950;letter-spacing:-2px;text-transform:uppercase;text-shadow:0 4px 20px rgba(0,0,0,.8)}.hero-title span{color:#0795ff}
.hero-anytime{font-family:"Barlow Condensed",sans-serif;margin-top:18px;font-size:clamp(18px,2vw,31px);letter-spacing:10px;color:#ddd;font-weight:500}.hero-description{max-width:760px;margin:20px auto 0;font-family:Inter,Arial,sans-serif;font-size:clamp(16px,1.45vw,21px);line-height:1.55;font-weight:500;letter-spacing:.15px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.75)}
.watch-live{font-family:"Barlow Condensed",sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;min-width:285px;height:58px;padding:0 30px;border-radius:999px;border:2px solid rgba(255,255,255,.25);background:linear-gradient(90deg,#f20b0b,#ff321d);color:#fff;text-decoration:none;font-size:20px;font-weight:900;letter-spacing:2px;box-shadow:0 12px 38px rgba(255,0,0,.38);transition:.2s}.watch-live:hover{transform:scale(1.03)}.play-icon{width:28px;height:28px;flex:none}.arrow-icon{width:20px;height:20px;flex:none}
.hero-features{width:min(1000px,100%);display:grid;grid-template-columns:repeat(5,1fr);margin-top:32px}.feature{min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-right:1px solid rgba(255,255,255,.38)}.feature:last-child{border-right:0}.feature-icon{font-size:25px;font-weight:800;line-height:1}.feature span{font-family:"Barlow Condensed",sans-serif;font-size:12px;font-weight:800;letter-spacing:.7px}
.hero-tagline{font-family:"Barlow Condensed",sans-serif;display:flex;gap:22px;margin-top:26px;color:#ccc;font-size:13px;letter-spacing:6px}.blue-line{width:105px;height:3px;background:#008dff;margin-top:12px;box-shadow:0 0 12px #008dff}
.sponsors{background:#fff;padding:15px 0;overflow:hidden}.sponsor-track{display:flex;align-items:center;width:max-content;gap:48px;animation:marquee 25s linear infinite}.sponsor-track img{height:45px;width:auto;max-width:150px;object-fit:contain;flex:none}@keyframes marquee{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
.about{padding:65px 20px;background:#111827;text-align:center}.about-inner{width:min(850px,100%);margin:auto}.about h2{margin:0 0 18px;font-size:40px;font-weight:900}.about p{margin:0 auto 30px;color:#d1d5db;line-height:1.7;font-size:16px}.about-button{min-width:210px;height:50px;font-size:15px;margin-top:0}
footer{background:#0d1b2a;padding-top:50px}.footer-inner{width:min(1200px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-logo{height:64px;width:auto;object-fit:contain;margin-bottom:15px}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:18px}.footer-right img{max-height:48px;width:auto;object-fit:contain}.copyright{margin-top:40px;padding:18px 15px;border-top:1px solid rgba(255,255,255,.15);text-align:center;color:#9ca3af;font-size:12px;line-height:1.8}.copyright a{color:#d1d5db;text-decoration:none}
@media(max-width:639px){
 .site-header{height:54px}.header-inner{width:calc(100% - 16px);gap:7px}.brand{gap:5px}.brand img{width:27px;height:27px}.brand span{font-size:10px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.desktop-nav{display:none}.signin{padding:6px 11px;font-size:10px}
 .hero{height:calc(100svh - 0px);min-height:0;height:620px}.hero-bg{inset:-16px!important;width:calc(100% + 32px)!important;height:calc(100% + 32px)!important;filter:blur(8px)!important}.hero-overlay{background:linear-gradient(to bottom,rgba(0,0,0,.42),rgba(0,0,0,.22) 42%,rgba(0,0,0,.84) 100%)}
 .hero-content{padding:70px 12px 24px!important;justify-content:center!important}.hero-topline{gap:8px;margin-bottom:13px}.hero-topline span{width:34px}.hero-topline strong{font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:2.5px}.hero-title{font-size:clamp(28px,8.5vw,40px);line-height:1.02;letter-spacing:-.7px}.hero-anytime{font-family:"Barlow Condensed",sans-serif;margin-top:10px;font-size:12px;letter-spacing:3.5px}.hero-description{font-size:12.5px;line-height:1.5;max-width:330px;margin-top:13px;font-weight:500;letter-spacing:.1px}.watch-live{min-width:190px;height:45px;padding:0 16px;margin-top:17px;font-size:13px;letter-spacing:1px;gap:7px}.play-icon{width:21px;height:21px}.arrow-icon{width:16px;height:16px}
 .hero-features{grid-template-columns:repeat(5,1fr);margin-top:21px;width:100%}.feature{min-height:48px;gap:4px;padding:0 1px}.feature-icon{font-size:15px}.feature span{font-family:"Barlow Condensed",sans-serif;font-size:6.5px;letter-spacing:.1px;line-height:1.1}.hero-tagline{gap:6px;margin-top:18px;font-size:6.5px;letter-spacing:1.7px}.blue-line{width:52px;height:2px;margin-top:7px}
 .sponsors{padding:9px 0}.sponsor-track{gap:25px;animation-duration:21s}.sponsor-track img{height:29px;max-width:92px}.about{padding:40px 16px}.about h2{font-size:28px}.about p{font-size:13px;line-height:1.6;margin-bottom:24px}.about-button{height:44px;font-size:12px}.about-button .arrow-icon{width:15px;height:15px}
 footer{padding-top:35px}.footer-inner{width:calc(100% - 26px);grid-template-columns:1fr;text-align:center;gap:24px}.footer-logo{height:50px;margin:0 auto 12px}.footer-right{align-items:center}.footer-right img{max-height:36px}.copyright{margin-top:26px;font-size:9px}
}
@media(max-width:380px){.brand span{max-width:145px;font-size:9px}.hero{height:590px}.hero-content{padding-left:9px!important;padding-right:9px!important}.hero-title{font-size:28px}.hero-anytime{font-size:10px;letter-spacing:2.5px}.hero-description{font-size:11px}.hero-features{margin-top:19px}.feature span{font-family:"Barlow Condensed",sans-serif;font-size:5.7px}.hero-tagline{font-size:5.7px;letter-spacing:1.2px}}
@media(max-width:900px) and (orientation:landscape){.hero{height:100svh;min-height:400px}.hero-content{padding-top:62px!important;padding-bottom:12px!important}.hero-topline{margin-bottom:6px}.hero-title{font-size:32px}.hero-anytime{font-family:"Barlow Condensed",sans-serif;margin-top:6px;font-size:11px}.hero-description{margin-top:6px;font-size:10px}.watch-live{margin-top:8px;height:38px;font-size:11px}.hero-features{margin-top:9px}.hero-tagline{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.sponsor-track{animation:none}}