@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#f4f6f5;--card:#fff;--ink:#182d28;--muted:#7a8781;--line:#e9eeeb;--green:#21634b;--lime:#c6f86b;--header:#102b24;--shadow:0 6px 30px #102b2405}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans Arabic',Tahoma,sans-serif;font-size:14px;line-height:1.8}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #85b850;outline-offset:4px}button{color:inherit}button:disabled{cursor:default}header{background:var(--header);color:white}.topbar{max-width:1240px;margin:auto;display:flex;align-items:center;gap:58px;min-height:90px;padding:0 28px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:40px;height:40px}.brand b{font-family:Arial,sans-serif;font-weight:900;font-size:26px;letter-spacing:-1px;direction:ltr}.brand b span{color:var(--lime)}nav{display:flex;align-self:stretch;gap:30px;align-items:center}nav a{color:#b6c8c0;position:relative;font-weight:600}nav a.active{color:var(--lime)}nav a.active:after{content:'';position:absolute;height:3px;bottom:-29px;left:0;right:0;background:var(--lime);border-radius:4px}.header-actions{margin-inline-start:auto;display:flex;gap:18px;align-items:center}.icon-button{background:transparent;border:1px solid #ffffff24;border-radius:10px;width:38px;height:38px;color:inherit}.live-label{color:var(--lime);font-size:12px;white-space:nowrap}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-inline-end:7px}.subbar{border-top:1px solid #ffffff0d}.subbar-inner{max-width:1240px;margin:auto;padding:10px 28px;display:flex;justify-content:space-between;font-size:11px;color:#a7bbb0}.subbar-inner span:first-child{color:#c9d6ce}.shell{max-width:1240px;margin:auto;padding:30px 28px 0}.hero{min-height:240px;border-radius:18px;background:#15372c;overflow:hidden;position:relative;color:#fff;display:flex;align-items:center;padding:34px 40px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#15372c 20%,#15372ce8 38%,transparent 78%),url('./stadium.svg') left center/auto 115% no-repeat}.hero-copy{position:relative;z-index:1;max-width:540px}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--lime);display:flex;align-items:center;gap:8px}.eyebrow:before{content:'';width:20px;height:1px;background:var(--lime)}h1{font-size:31px;line-height:1.7;margin:8px 0 6px;font-weight:800;letter-spacing:-.8px}.hero p{color:#bdd0c1;font-size:12px;margin:0 0 20px}.hero-link{display:inline-flex;align-items:center;gap:28px;padding:9px 19px;color:#193126;background:var(--lime);border-radius:8px;font-size:12px;font-weight:800}.hero-badge{position:absolute;left:30px;bottom:23px;border:1px solid #bdd0c13b;border-radius:30px;padding:4px 13px;color:#d8e8d9;font-size:10px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;margin-top:28px;align-items:start}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading h2{font-size:20px;margin:0;font-weight:800}.section-heading small{color:var(--muted);font-size:11px}.datebar{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:7px;display:flex;gap:5px;margin-bottom:16px;box-shadow:var(--shadow)}.datebar button{border:0;background:transparent;border-radius:8px;flex:1;padding:7px 9px;font-size:12px}.datebar button.selected{background:var(--green);color:white}.datebar small{display:block;opacity:.7;font-size:10px}.datebar .date-arrow{flex:0 0 35px;color:var(--muted);font-size:21px}.tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.filters{display:flex;gap:5px}.chip{border:1px solid var(--line);background:var(--card);padding:6px 14px;border-radius:7px;font-size:11px;white-space:nowrap}.chip.selected{border-color:#d5e8dd;background:#e5efe9;color:var(--green);font-weight:700}.search{width:190px;position:relative}.search input{width:100%;border:1px solid var(--line);background:var(--card);padding:7px 13px;border-radius:8px;color:var(--ink);font-size:11px}.preview-note{color:#7b805f;font-size:10px;background:#f4f2e5;border:1px solid #eeebd8;border-radius:7px;padding:7px 11px;margin-bottom:15px}.league-group{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:17px;box-shadow:var(--shadow)}.league-head{display:flex;align-items:center;padding:12px 17px;gap:10px;border-bottom:1px solid var(--line);background:#fafcfb}.league-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#f0edf9;color:#4d3780;font-size:18px}.league-head b{font-size:12px}.league-head small{color:var(--muted);font-size:10px;margin-inline-start:auto}.match{display:grid;grid-template-columns:26px minmax(0,1fr) 100px minmax(0,1fr) 26px;align-items:center;padding:18px 14px;min-height:99px;gap:8px;position:relative}.match+.match{border-top:1px solid var(--line)}.favorite{border:0;background:transparent;color:#b7c2bc;font-size:21px;padding:0;line-height:1}.favorite.on{color:#d59c27}.team{display:flex;align-items:center;gap:12px;font-weight:700;font-size:12px}.team.away{flex-direction:row-reverse;text-align:left}.crest{width:35px;height:40px;display:grid;place-items:center;flex-shrink:0;clip-path:polygon(10% 0,90% 0,90% 65%,50% 100%,10% 65%);background:var(--club,#eee);color:white;font:bold 15px Arial;box-shadow:inset 0 0 0 3px #ffffff66}.match-center{text-align:center;cursor:pointer;border:0;background:transparent;padding:0}.score{font-family:Arial,sans-serif;font-size:20px;font-weight:800;letter-spacing:5px;direction:ltr;display:block}.status{font-size:9px;color:var(--muted);display:block;line-height:1.7}.status.live{color:#d55e56}.status.live:before{content:'';display:inline-block;width:5px;height:5px;background:#df6559;border-radius:50%;margin-left:5px}.time{font:bold 16px Arial;display:block;color:var(--ink);letter-spacing:1px}.details-icon{border:0;background:transparent;color:#b5c1ba;font-size:19px}.broadcast{grid-column:2/5;text-align:center;font-size:9px;color:#95a198;margin-top:-5px}.broadcast span+span:before{content:'·';margin:0 9px}.side-card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:19px;overflow:hidden}.side-title{font-size:13px;font-weight:800;padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.side-title span{color:#9ba89f;font-weight:400}.league-list{padding:8px}.league-list button{display:flex;align-items:center;width:100%;gap:11px;border:0;background:transparent;padding:9px 10px;border-radius:8px;text-align:right;font-size:11px}.league-list button:hover,.league-list button.selected{background:#f0f5f1;color:var(--green)}.league-list em{font-style:normal;font-size:17px;width:25px;text-align:center}.league-list small{margin-inline-start:auto;font-family:Arial;color:#8e9d93;background:#f0f3f1;border-radius:5px;padding:0 6px;font-size:10px}.feature-card{background:#e9f0df;border:1px solid #e0e9d3;border-radius:12px;padding:22px 20px;position:relative}.feature-card .big-star{font-size:30px;color:#657a39}.feature-card h3{font-size:15px;margin:7px 0}.feature-card p{font-size:11px;color:#7a896c;margin:0 0 13px}.feature-card button{width:100%;border:1px solid #cddbb8;background:#f8fbf1;border-radius:7px;padding:7px;font-size:11px;color:#506333;font-weight:700}.timezone{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;color:var(--muted);font-size:10px}.timezone select{font-size:10px;border:0;background:transparent;color:var(--green);max-width:158px}.info-section{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:25px 28px;margin-top:14px;margin-bottom:30px}.info-section h2{font-size:16px;margin:0 0 10px}.info-section p{font-size:12px;color:var(--muted);margin:0 0 10px}.info-section details{border-top:1px solid var(--line);padding:12px 0;font-size:12px}.info-section summary{cursor:pointer;font-weight:600}.info-section details p{padding-top:10px}footer{border-top:1px solid var(--line);background:var(--card);padding:25px 0}.footer-inner{max-width:1240px;padding:0 28px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:22px}.footer-inner .brand{opacity:.8}.footer-inner .brand img{width:28px;height:28px}.footer-inner .brand b{font-size:19px}.footer-links{display:flex;gap:20px;font-size:10px;color:var(--muted)}.footer-inner p{font-size:10px;color:var(--muted)}.empty{text-align:center;padding:45px 20px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--card);color:var(--ink);max-width:480px;width:calc(100% - 32px);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#071e16aa;backdrop-filter:blur(5px)}.dialog-close{float:left;border:0;background:var(--bg);border-radius:50%;width:30px;height:30px}.dialog-content{clear:both;padding-top:12px}.dialog-content h2{font-size:20px}.dialog-content p{font-size:13px;color:var(--muted)}.dialog-content dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px}.dialog-content dd{margin:0}.page-content{min-height:55vh}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.channel{padding:25px;background:var(--card);border:1px solid var(--line);border-radius:12px}.channel h2{font-size:18px}.channel p{font-size:12px;color:var(--muted)}.channel a{display:inline-block;font-size:12px;color:var(--green);border-bottom:1px solid}.mobile-menu{display:none}.dark{--bg:#10221c;--card:#183028;--ink:#e4ece6;--muted:#a0b4a8;--line:#2a4035;--green:#609a72}.dark .league-head{background:#1d352b}.dark .chip.selected,.dark .league-list button:hover,.dark .league-list button.selected{background:#294637}.dark .preview-note{background:#343723;color:#d9d7b6;border-color:#4c5034}.dark .feature-card{background:#293d29;border-color:#3c5134}.dark .feature-card p,.dark .feature-card h3{color:#d3e2c3}.dark .feature-card button{background:#354a2f;color:#e0edce;border-color:#536947}@media(min-width:1500px){.shell{padding-top:38px}.hero{min-height:260px}}@media(max-width:950px){.topbar{gap:28px}nav{gap:18px}.layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.team{gap:6px}.tools{flex-wrap:wrap}.search{width:100%}.hero-copy{max-width:440px}.hero:before{background:linear-gradient(270deg,#15372c 10%,#15372cd9 50%,transparent),url('./stadium.svg') left center/auto 115% no-repeat}.footer-inner{flex-wrap:wrap}}@media(max-width:720px){.topbar{min-height:72px;padding:0 18px;gap:18px}.brand b{font-size:23px}.brand img{width:35px;height:35px}.mobile-menu{display:block}nav{display:none;position:absolute;z-index:5;top:72px;right:0;left:0;background:var(--header);padding:18px;flex-direction:column;align-items:stretch;gap:18px}nav.open{display:flex}nav a.active:after{display:none}.header-actions{gap:9px}.live-label{display:none}.subbar-inner{padding:9px 18px}.subbar-inner span:last-child{display:none}.shell{padding:18px 14px 0}.hero{padding:24px;min-height:225px;border-radius:12px}.hero h1{font-size:25px}.hero-copy{max-width:350px}.hero p{font-size:11px;max-width:270px}.hero-badge{display:none}.layout{display:flex;flex-direction:column;gap:10px;margin-top:22px}.main-column{width:100%}aside{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px}.timezone{grid-column:1/-1;padding:0 3px 10px}.section-heading h2{font-size:18px}.filters{gap:4px;flex-wrap:wrap}.chip{padding:6px 11px}.datebar button{padding:7px 5px}.datebar .date-arrow{flex-basis:25px}.team{font-size:11px;gap:6px}.crest{width:28px;height:33px;font-size:11px}.match{padding:16px 8px;gap:4px;grid-template-columns:20px minmax(0,1fr) 70px minmax(0,1fr) 16px}.score{font-size:18px}.broadcast{font-size:8px}.info-section{padding:22px 18px}.footer-inner{justify-content:center;text-align:center}.footer-links{gap:15px;flex-wrap:wrap;justify-content:center}.footer-inner p{margin:0}.channel-grid{grid-template-columns:1fr}.feature-card{padding:16px}.side-title{padding:13px;font-size:12px}.league-list button{padding:7px;font-size:10px}.league-list small{display:none}}@media(prefers-reduced-motion:no-preference){a,button{transition:background .18s,color .18s,transform .18s}.hero-link:hover{transform:translateY(-2px)}.match:hover{background:#82ae7506}}