@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#0c1018;--panel:#151b27;--line:#252d3c;--muted:#929caf;--green:#b5f45a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f6fa;font:14px Inter,Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}aside{position:fixed;width:230px;height:100vh;padding:34px 20px;border-right:1px solid var(--line);background:#10151f;display:flex;flex-direction:column;z-index:10}.brand{font-size:24px;font-weight:800;letter-spacing:-1px;display:flex;gap:10px;align-items:center}.mark{background:var(--green);color:#111;border-radius:10px;padding:8px;font-size:23px}.brand small{display:block;letter-spacing:4px;font-size:9px;color:var(--green);margin-top:4px}.navlabel{color:#667187;font-size:10px;letter-spacing:2px;margin:45px 14px 15px}nav a{display:flex;gap:13px;align-items:center;padding:15px;margin:5px 0;border-radius:8px;color:#9da7b9;font-weight:600}nav a.active{background:#253325;color:var(--green)}nav a:hover{background:#242c39}nav i{font-style:normal;font-size:19px;width:22px}.sidebottom{margin-top:auto;padding:20px 12px;color:var(--muted);font-size:11px;line-height:1.9}.online{color:var(--green)}main{margin-left:230px}header{height:85px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{color:var(--muted);font-size:12px}.header-right{display:flex;gap:22px;align-items:center}.pill{border:1px solid var(--line);border-radius:30px;padding:9px 13px;color:#b8c1cf;font-size:11px}.avatar{width:33px;height:33px;background:#2d3b26;color:var(--green);border-radius:50%;display:grid;place-items:center;font-weight:800}.content{max-width:1440px;margin:auto;padding:28px 42px}.banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(110deg,#223822,#18261e 60%,#303b20);border:1px solid #3c5330;border-radius:10px;padding:20px 28px;margin-bottom:30px;min-height:88px;position:relative;overflow:hidden}.banner:after{content:'↗';font-size:70px;position:absolute;right:220px;opacity:.08}.sponsor{font-size:9px;letter-spacing:2px;color:#a2b791;margin-bottom:8px}.banner strong{font-size:20px;letter-spacing:-.5px}.banner p{margin:5px 0;color:#aebba9;font-size:12px}.cta{background:var(--green);color:#17210e;border:0;border-radius:6px;padding:12px 19px;font-weight:700;white-space:nowrap}.titlebar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 22px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:9px}h2{font-size:21px;letter-spacing:-.4px}p.sub{color:var(--muted);font-size:12px;margin-bottom:0}.live{color:#b5f45a;font-size:10px;letter-spacing:1px;font-weight:700}.dot{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:6px}.hero{border-radius:14px;min-height:330px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:32px;background:linear-gradient(90deg,rgba(9,18,16,.98),rgba(9,18,16,.65) 55%,rgba(9,18,16,.2)),url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1600&q=85') center 55%/cover}.hero h2{font-family:'Barlow Condensed',Arial,sans-serif;font-size:49px;line-height:1.03;text-transform:uppercase;margin:15px 0}.hero p{color:#c3ceca;font-size:12px}.hero .live{background:#b5f45a20;border:1px solid #799c45;padding:7px 9px;border-radius:4px}.hero-info{position:absolute;right:25px;top:25px;background:#0d151bcc;padding:8px 12px;border-radius:5px;font-size:10px}.hero .cta{display:inline-flex;gap:15px;align-items:center;margin-top:8px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:32px 0 18px}.sectionhead h2{margin:0}.textbutton{background:none;border:0;color:var(--green);font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:transparent;color:#a6b0c1;padding:9px 15px;border-radius:6px;font-size:11px}.chip.active{background:var(--green);color:#15200d;border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.match{padding:18px;text-align:left;color:inherit;width:100%}.league{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.teams{display:flex;align-items:center;justify-content:space-between;margin:23px 0}.team{text-align:center;font-size:11px;width:37%}.crest{margin:0 auto 10px;background:#e9f0f5;color:#112037;border-radius:50% 50% 44% 44%;width:42px;height:46px;display:grid;place-items:center;font-weight:800;font-size:13px;border:3px solid #9fb7dc}.crest.red{background:#c83a40;color:white;border-color:#f7af87}.score{font-size:23px;font-weight:700;white-space:nowrap}.matchfoot{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.watch{color:var(--green)}.card:hover{border-color:#789445}.thumb{height:158px;background:linear-gradient(0deg,#1118,#1111),url('https://images.unsplash.com/photo-1574629810360-7efbbe195018?auto=format&fit=crop&w=800&q=80') center/cover;display:flex;align-items:center;justify-content:center;position:relative}.play{border:1px solid #ffffff80;border-radius:50%;background:#0005;width:44px;height:44px;display:grid;place-items:center;color:white}.duration{position:absolute;bottom:10px;right:10px;background:#000b;padding:4px 7px;border-radius:4px;font-size:10px}.cardcopy{padding:17px}.cardcopy h3{font-size:14px;margin-bottom:10px}.cardcopy p{font-size:11px;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);margin-top:32px;padding:22px 0;display:flex;justify-content:space-between;color:#67748a;font-size:10px}.channel{padding:28px;min-height:160px;text-align:center;color:inherit}.channel b{display:block;font-size:25px;margin:10px}.channel small{color:var(--muted)}.form{max-width:820px;padding:26px}.form h3{margin-top:20px}.form label{display:block;color:#bac3d0;font-size:12px;margin:16px 0 7px}input,select{width:100%;background:#0c121c;color:white;border:1px solid #344053;border-radius:6px;padding:12px}textarea{width:100%;min-height:180px;background:#0c121c;color:white;border:1px solid #344053;padding:12px;border-radius:6px}.help{font-size:12px;color:var(--muted);line-height:1.8}.notice{padding:12px;border:1px solid #536c34;background:#1f2c1b;color:#c5e0a2;border-radius:7px;margin:15px 0;font-size:12px}dialog{background:#101722;color:white;border:1px solid #364352;border-radius:12px;padding:0;width:min(950px,95vw)}dialog::backdrop{background:#000c}.dialoghead{padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.close{background:#293345;color:white;border:0;border-radius:5px;padding:7px 12px}.player{position:relative;aspect-ratio:16/9;background:#030608;display:grid;place-items:center}.player video{width:100%;height:100%;max-height:70vh}.player-empty{text-align:center;color:#c4cedb;padding:25px}.player-empty p{font-size:12px;color:#8997aa}.mini-ad{position:absolute;right:15px;top:15px;max-width:190px;background:#c1f879;color:#182810;border-radius:5px;padding:10px 15px;font-size:11px;z-index:2}.mini-ad img{width:100%;max-height:70px;object-fit:cover}.below-player{padding:16px 22px;color:var(--muted);font-size:12px}.hidden{display:none!important}.banner img{max-height:80px;max-width:100%;object-fit:contain}.search{max-width:230px;padding:9px 13px;font-size:11px}.empty{padding:35px;color:var(--muted);text-align:center}.light{--bg:#edf1f6;--panel:#fff;--line:#d2dbe5;--muted:#66748a;color:#172131}.light aside,.light header{background:#e2e9f0}.light .card{color:#172131}.light h1{color:#172131}@media(min-width:1500px){.hero{min-height:400px}}@media(max-width:1050px){aside{width:190px}main{margin-left:190px}.content{padding:24px}header{padding:0 24px}.grid{grid-template-columns:repeat(2,1fr)}.search{display:none}.hero h2{font-size:42px}}@media(max-width:700px){aside{position:relative;width:100%;height:auto;padding:18px}.brand{font-size:21px}.navlabel,.sidebottom{display:none}nav{display:flex;overflow:auto;margin-top:18px;gap:5px}nav a{white-space:nowrap;font-size:11px;padding:10px;gap:6px}nav i{font-size:15px;width:auto}main{margin:0}header{height:55px;padding:0 18px}.content{padding:18px}.grid{grid-template-columns:1fr}.banner{padding:18px;gap:10px}.banner strong{font-size:16px}.banner .cta{padding:10px;font-size:10px}.hero{min-height:340px;padding:23px}.hero h2{font-size:42px}.titlebar{align-items:start}h1{font-size:26px}.header-right .pill{display:none}.filters{margin:15px 0}.sectionhead{flex-wrap:wrap;gap:10px}.thumb{height:190px}footer{gap:20px}.mini-ad{max-width:135px;font-size:9px}}
.team-logo{width:54px;height:54px;object-fit:contain;display:block;margin:0 auto 10px}.match-date{color:var(--muted);font-size:11px;text-align:center;line-height:1.8}.is-live{color:#b5f45a!important;text-shadow:0 0 14px #83d53a55}.content-poster{width:100%;height:160px;object-fit:cover;border-radius:7px;margin-bottom:16px}.broadcast-date{font-size:14px!important}.anawar-hero{min-height:390px}.item-row [hidden]{display:none!important}
.brand-logo{display:block;width:54px;height:54px;flex:0 0 54px;object-fit:contain;border-radius:10px;background:#fff}.brand{font-size:22px;gap:9px}@media(max-width:700px){.brand-logo{width:46px;height:46px;flex-basis:46px}}
@media(min-width:701px) and (max-width:1050px){.brand{font-size:18px;gap:8px}.brand-logo{width:42px;height:42px;flex-basis:42px}.brand small{letter-spacing:3px}}