:root{--bg:#090b10;--panel:#11141c;--panel-2:#171b25;--line:#282d39;--text:#f6f6f3;--muted:#9da3af;--red:#ee2b35;--red-dark:#b70f18;--gold:#e6b34b;--container:1180px;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;z-index:99;background:white;color:#111;padding:10px 16px}.skip-link:focus{top:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{height:78px;position:absolute;top:0;z-index:20;width:100%;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(8,10,14,.72);backdrop-filter:blur(15px)}.header-inner{height:100%;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;border:1px solid rgba(255,255,255,.22);border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:12px;letter-spacing:-1px;background:linear-gradient(145deg,#262a35,#0b0d12);box-shadow:inset 0 0 0 3px rgba(255,255,255,.03)}.brand-name{font-size:23px;font-weight:850;letter-spacing:-1.3px}.brand-name span{color:var(--red)}.main-nav{display:flex;gap:32px;margin-left:auto;margin-right:38px}.main-nav a{font-size:13px;text-transform:uppercase;letter-spacing:.7px;color:#c1c5cc;font-weight:700;position:relative}.main-nav a:hover,.main-nav a.active{color:white}.main-nav a.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-29px;background:var(--red)}.header-live{font-size:12px;font-weight:800;letter-spacing:.5px;border:1px solid rgba(238,43,53,.35);background:rgba(238,43,53,.09);padding:8px 13px;border-radius:99px}.header-live i,.channel-label i{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px rgba(238,43,53,.12);animation:pulse 1.7s infinite}.menu-toggle{display:none;margin-left:auto;color:white;background:none;border:0;font-size:24px}.hero{min-height:670px;position:relative;overflow:hidden;padding:150px 0 110px;background:radial-gradient(circle at 70% 40%,rgba(175,15,25,.26),transparent 34%),radial-gradient(circle at 20% 20%,rgba(255,255,255,.07),transparent 27%),linear-gradient(120deg,#0b0e13 32%,#121117 66%,#080a0e)}.hero:before{content:"";position:absolute;right:-2%;top:90px;width:48%;height:600px;opacity:.35;background:repeating-linear-gradient(100deg,transparent 0 22px,rgba(255,255,255,.025) 23px 24px);transform:skewX(-12deg)}.hero:after{content:"24";position:absolute;right:5%;bottom:-205px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);font-size:560px;line-height:1;font-weight:950;letter-spacing:-55px}.stadium-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.04) 50%,transparent 50.1%);opacity:.7}.hero-inner{position:relative;z-index:1}.eyebrow,.kicker{font-size:11px;letter-spacing:2px;font-weight:900;color:#d9dde5}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:2px;background:var(--red)}h1{font-size:clamp(74px,10vw,144px);letter-spacing:-8px;line-height:.88;margin:34px 0 20px;max-width:900px}.hero-lead{font-size:clamp(26px,3vw,42px);font-weight:300;margin:0 0 12px}.hero-copy{max-width:600px;color:#b4b8c1;font-size:17px}.hero-actions{display:flex;gap:12px;margin:33px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:10px;font-size:14px;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--red);box-shadow:0 12px 30px rgba(238,43,53,.25)}.button-ghost{border:1px solid #3a3f4a;background:rgba(255,255,255,.035)}.play-mini{font-size:10px}.hero-stats{display:flex;gap:0;margin-top:38px}.hero-stats span{font-size:12px;color:#8d929d;padding:0 30px;border-right:1px solid #333844}.hero-stats span:first-child{padding-left:0}.hero-stats b{color:white;font-size:15px;margin-right:5px}.broadcast-section{position:relative;padding:84px 0 96px;background:#0b0d12}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:36px}.section-heading h2{font-size:clamp(30px,4vw,49px);line-height:1.1;letter-spacing:-2px;margin:7px 0 0}.section-heading p{max-width:480px;color:var(--muted);margin:0}.compact-heading h2{font-size:32px}.date-pill{border:1px solid var(--line);padding:8px 15px;border-radius:99px;font-size:12px;color:#bfc3ca}.broadcast-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(350px,.85fr);gap:18px}.player-card,.match-panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.3)}.player-toolbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid var(--line);font-size:12px}.channel-label{font-weight:800}.viewer-count{color:#858b96}.player-stage{height:430px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(51,111,74,.36),transparent 27%),linear-gradient(rgba(1,5,3,.38),rgba(2,4,5,.82)),repeating-linear-gradient(90deg,#153622 0 80px,#173b26 80px 160px);overflow:hidden}.pitch-glow{position:absolute;inset:12% 6%;border:1px solid rgba(255,255,255,.09);border-radius:50%;transform:perspective(500px) rotateX(64deg);box-shadow:0 0 80px rgba(96,234,142,.08)}.scoreboard{position:absolute;top:28px;left:28px;right:28px;display:flex;justify-content:center;align-items:flex-start;gap:34px;opacity:.9}.team{display:flex;align-items:center;gap:10px;width:30%}.team:last-child{justify-content:flex-end}.team b{font-size:13px}.team-badge,.large-badge{display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:900;border:2px solid rgba(255,255,255,.25)}.team-badge{width:40px;height:40px}.red{background:#9f1422;color:#ffc72c}.navy{background:#172954;color:#f4e116}.score-center{text-align:center}.score-center small{display:block;font-size:9px;color:#ff4852;font-weight:900;letter-spacing:1px}.score-center strong{font-size:28px;line-height:1.2}.score-center em{color:#777;font-style:normal}.score-center span{display:block;font-size:9px;color:#878c95}.big-play{position:relative;width:84px;height:84px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(8,10,13,.78);color:white;cursor:pointer;box-shadow:0 0 0 12px rgba(255,255,255,.035);transition:.25s}.big-play:hover{transform:scale(1.06);border-color:var(--red);background:var(--red)}.big-play span{margin-left:5px;font-size:24px}.player-message{position:absolute;top:61%;font-size:12px;color:#aab0b9}.player-controls{position:absolute;bottom:0;left:0;right:0;padding:20px;display:flex;align-items:center;gap:14px;font-size:12px;background:linear-gradient(transparent,rgba(0,0,0,.78))}.progress{height:3px;background:#63666b;flex:1}.progress i{display:block;background:var(--red);width:28%;height:100%}.now-playing{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.now-playing>div{display:flex;align-items:center;gap:10px;font-size:13px}.live-badge{background:var(--red);padding:3px 7px;border-radius:4px;font-weight:900;font-size:8px;letter-spacing:.6px}.icon-button{background:none;color:#afb3bc;border:0;cursor:pointer}.icon-button span{margin-left:5px;font-size:11px}.panel-tabs{height:55px;border-bottom:1px solid var(--line);display:flex}.panel-tab{flex:1;border:0;border-right:1px solid var(--line);background:transparent;color:#7f8590;text-transform:uppercase;font-weight:900;font-size:11px;cursor:pointer}.panel-tab.active{color:white;box-shadow:inset 0 -2px var(--red);background:rgba(255,255,255,.025)}.panel-title-row{display:flex;align-items:end;justify-content:space-between;padding:18px 18px 10px}.panel-title-row h2{font-size:17px;margin:0}.panel-title-row span{font-size:10px;color:#777e89}.search-box{height:39px;margin:0 16px 10px;padding:0 12px;display:flex;align-items:center;gap:7px;background:#0b0e14;border:1px solid #202530;border-radius:8px;color:#737985}.search-box input{width:100%;background:transparent;border:0;outline:0;color:white;font-size:11px}.match-list{max-height:386px;overflow:auto;padding:0 9px 10px}.match-list::-webkit-scrollbar{width:4px}.match-list::-webkit-scrollbar-thumb{background:#383d46}.match-item{display:grid;grid-template-columns:43px 32px minmax(0,1fr) 30px 32px;align-items:center;width:100%;gap:7px;padding:10px 8px;color:#d6d8dd;background:transparent;border:0;border-bottom:1px solid #212630;text-align:left;cursor:pointer;border-radius:8px}.match-item:hover,.match-item.selected{background:#1c2029}.match-item.selected{box-shadow:inset 2px 0 var(--red)}.match-time{font-size:10px;color:#9197a1}.live-text{color:#ff3d47;font-weight:900}.mini-badge{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:900;border:1px solid rgba(255,255,255,.2)}.black{background:#191919}.bordo{background:#6e1825;color:#65bfe5}.sky{background:#7fc5e8;color:#111}.white{background:#eee;color:#243476}.blue{background:#163e84}.arsenal{background:#b61125}.yellow{background:#f2d922;color:#111}.match-teams{display:flex;flex-direction:column;min-width:0}.match-teams b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-teams small{font-size:8px;color:#737985}.match-item>strong{font-size:10px;text-align:center}.empty-state{text-align:center;color:#8d929c;font-size:12px;padding:25px}.league-strip{padding:96px 0;background:#f1f0ec;color:#11141a}.league-strip .kicker,.content-section .kicker{color:var(--red-dark)}.league-strip .section-heading p{color:#60636a}.league-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.league-card{display:flex;align-items:center;gap:14px;background:white;border:1px solid #deddd9;padding:20px;border-radius:14px;transition:.25s}.league-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(12,15,20,.08)}.league-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#d7192d;color:white;font-weight:900}.league-icon.gold{background:#d8a42a}.league-icon.purple{background:#402264}.league-icon.green{background:#117949}.league-card div{min-width:0}.league-card h3{font-size:14px;margin:0}.league-card p{font-size:10px;color:#777;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-card>b{margin-left:auto}.content-section{padding:105px 0;background:#fff;color:#12151a}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}.editorial h2,.faq-section h2{font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-2px;margin:10px 0 25px}.editorial>p{color:#5d6169}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px;border-top:1px solid #e2e2df;padding-top:25px}.feature-row div{display:flex;flex-direction:column}.feature-row span{color:var(--red);font-size:20px}.feature-row b{font-size:12px}.feature-row small{font-size:9px;color:#777}.fixture-card{border-radius:20px;background:linear-gradient(145deg,#181c25,#090b10);color:white;overflow:hidden;box-shadow:0 35px 70px rgba(8,10,14,.2)}.fixture-top,.fixture-card>a{display:flex;justify-content:space-between;padding:17px 22px;font-size:10px}.fixture-top{border-bottom:1px solid #292e38}.fixture-top span{color:#ff5059;font-weight:900}.fixture-body{min-height:270px;display:flex;align-items:center;justify-content:space-around;text-align:center;background:radial-gradient(circle,rgba(238,43,53,.18),transparent 48%)}.large-badge{width:67px;height:67px}.fixture-body small{display:block;font-size:9px;color:#a3a7af}.fixture-body strong{display:block;font-size:30px;line-height:1;margin:9px}.fixture-body em{font-size:9px;color:#777;font-style:normal}.fixture-card>a{background:var(--red);font-weight:800}.faq-section{padding:100px 0;background:#11141a}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-grid>div:first-child>p{color:#858b94}.accordion details{border-bottom:1px solid #2d323b;padding:20px 0}.accordion summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:800;font-size:15px;list-style:none}.accordion summary span{color:var(--red);font-size:20px}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{color:#989da6;font-size:13px;max-width:650px}.site-footer{background:#08090c;border-top:1px solid #232731;padding:50px 0 20px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-top>p{color:#808690;font-size:12px}.footer-top nav{display:flex;gap:20px;justify-content:flex-end}.footer-top nav a{font-size:11px;color:#adb2ba}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #232731;margin-top:35px;padding-top:20px;color:#656a74;font-size:10px}.theater .match-panel,.theater .section-heading{display:none}.theater .broadcast-grid{grid-template-columns:1fr}.theater .player-stage{height:70vh}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(238,43,53,0)}}
@media(max-width:900px){.main-nav,.header-live{display:none}.menu-toggle{display:block}.main-nav.open{display:flex;position:absolute;top:78px;left:0;right:0;margin:0;padding:20px;flex-direction:column;background:#11141a}.main-nav a.active:after{display:none}.hero{min-height:640px}.hero:after{font-size:400px}.broadcast-grid,.content-grid,.faq-grid{grid-template-columns:1fr}.league-grid{grid-template-columns:1fr 1fr}.content-grid,.faq-grid{gap:45px}.footer-top{grid-template-columns:1fr;gap:22px}.footer-top nav{justify-content:flex-start;flex-wrap:wrap}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:600px){.container{width:min(100% - 24px,var(--container))}.site-header{height:68px}.brand-name{font-size:19px}.brand-mark{width:35px;height:35px}.hero{padding:125px 0 75px;min-height:630px}.hero:after{display:none}h1{font-size:59px;letter-spacing:-4px;margin-top:25px}.hero-lead{font-size:25px}.hero-copy{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-stats{gap:0}.hero-stats span{padding:0 10px;font-size:9px}.hero-stats b{display:block;font-size:12px}.broadcast-section{padding:58px 0}.broadcast-grid{display:flex;flex-direction:column}.player-stage{height:330px}.scoreboard{gap:8px;left:12px;right:12px}.team{width:34%;flex-direction:column;text-align:center}.team:last-child{flex-direction:column-reverse}.team b{font-size:9px}.now-playing>div b{font-size:10px}.icon-button span{display:none}.match-panel{order:-1}.match-list{max-height:315px}.league-grid{grid-template-columns:1fr}.league-strip,.content-section,.faq-section{padding:70px 0}.feature-row{grid-template-columns:1fr}.fixture-body{min-height:230px}.large-badge{width:52px;height:52px}.footer-bottom{flex-direction:column;gap:6px}}