@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--navy:#09233b;--navy2:#061827;--green:#079455;--green2:#06b96b;--gold:#c9a44c;--light:#f4f7f9;--text:#10263d;--muted:#748293;--border:#e3e9ee}
*{box-sizing:border-box}body{font-family:'Tajawal',sans-serif;color:var(--text);background:var(--light);margin:0}a{text-decoration:none;color:inherit}.site-header{background:linear-gradient(90deg,var(--navy2),var(--navy));box-shadow:0 4px 22px #00172b2d}.brand{font-weight:800;font-size:2rem;color:#fff}.brand span{color:#1fd681}.brand i{font-size:1.45rem}.navbar .nav-link{color:#d7e0e8;font-weight:600;padding:.8rem 1rem!important;border-bottom:3px solid transparent}.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff;border-color:#1fd681}.search-box{background:#ffffff12;border:1px solid #ffffff19;border-radius:14px;overflow:hidden}.search-box .form-control{background:none;border:0;color:#fff;min-width:230px}.search-box .form-control::placeholder{color:#b7c2ce}.search-box .btn{color:#fff}.breaking{background:#0b2d48;color:#dbe4ea;padding:.65rem 0;border-top:1px solid #ffffff13}.breaking b{color:#e5bd57}.ticker{white-space:nowrap;overflow:hidden}.matches-hero{background:linear-gradient(#071d30ed,#071d30ed),url('https://images.unsplash.com/photo-1489944440615-453fc2b6a9a9?auto=format&fit=crop&w=2000&q=80') center/cover}.section-title{text-align:center;margin-bottom:2rem}.section-title span{display:block;font-size:2.25rem;font-weight:800}.section-title small{display:block;margin-top:.4rem}.section-title.light{color:#fff}.match-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.15rem;box-shadow:0 10px 30px #081d3110}.match-card strong{font-size:.9rem;display:block;margin-top:.5rem}.team-badge{display:flex;margin:auto;width:48px;height:48px;border-radius:50% 50% 45% 55%;background:var(--team);color:#fff;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;border:4px solid #ffffff;box-shadow:0 0 0 2px var(--team)}.team-badge.xl{width:78px;height:78px;font-size:2rem}.team-badge.xxl{width:120px;height:120px;font-size:3rem}.score{font-weight:800;font-size:1.35rem}.status{font-size:.75rem;font-weight:700;border-radius:7px;padding:.25rem .55rem;background:#e9eef2}.status.live{background:#ffe5e7;color:#e52034}.status.finished{background:#edf2f5;color:#667787}.status.scheduled{background:#e5f5ed;color:var(--green)}.match-meta{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:.8rem;color:var(--muted);font-size:.75rem}.btn-brand{background:var(--green);color:#fff;border:0;font-weight:700}.btn-brand:hover{background:#057a47;color:#fff}.btn-gold{background:var(--gold);color:#fff;font-weight:700}.lead-story{min-height:390px;position:relative;border-radius:20px;overflow:hidden;background:#061827}.lead-story img{width:100%;height:390px;object-fit:cover;opacity:.65}.lead-copy{position:absolute;inset:auto 0 0 0;padding:4rem 3rem 2.5rem;color:#fff;background:linear-gradient(transparent,#071827ec)}.lead-copy h1{font-weight:800;max-width:800px}.lead-copy p{max-width:680px}.chip{display:inline-flex;background:#e3f5ec;color:var(--green);padding:.35rem .7rem;border-radius:8px;font-size:.8rem;font-weight:700}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.section-heading h2{font-size:1.5rem;font-weight:800;margin:0}.section-heading a{color:var(--green);font-weight:700}.news-card{display:flex;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--border);height:145px;transition:.2s}.news-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #08213b15}.news-card img{width:42%;object-fit:cover}.news-card div{padding:1rem}.news-card span{color:var(--green);font-size:.75rem}.news-card h3{font-size:1rem;font-weight:700;margin:.4rem 0}.news-card small{color:var(--muted)}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.4rem;box-shadow:0 8px 25px #09233b0a}.panel h2,.panel h3{font-size:1.25rem;font-weight:800;margin-bottom:1rem}.competition-row,.popular{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.competition-row>i:first-child{font-size:1.5rem;color:var(--gold)}.competition-row span{flex:1}.competition-row small{display:block;color:var(--muted)}.popular b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#def3e9;color:var(--green)}.footer{background:var(--navy2);color:#aebdca}.footer h6{color:#fff}.footer a{display:block;margin:.65rem 0}.footer .brand{font-size:1.6rem}.page-hero,.catalog-hero{padding:4.5rem 0;color:#fff;background:linear-gradient(90deg,#061827ef,#0b2b45df),url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=2000&q=80') center/cover}.page-hero h1,.catalog-hero h1{font-size:2.7rem;font-weight:800}.filters{display:flex;gap:.7rem;background:#fff;border:1px solid var(--border);padding:1rem;border-radius:14px}.filters .form-control{margin-inline-start:auto;max-width:340px}.league-title{display:flex;gap:.8rem;align-items:center;border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1rem}.league-title i{color:var(--gold);font-size:1.4rem}.league-title h2{font-size:1.2rem;margin:0}.match-detail-hero{background:linear-gradient(90deg,#061827,#0b304d);color:#fff}.hero-score{font-size:3rem;font-weight:800;margin-top:.5rem}.match-info{display:flex;justify-content:center;gap:3rem;margin-top:2rem;padding-top:1.4rem;border-top:1px solid #ffffff22}.match-info span{display:flex;gap:.5rem;align-items:center}.detail-tabs{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex}.detail-tabs li{flex:1}.detail-tabs button{width:100%;padding:1rem;border:0;background:#fff;font-weight:700}.detail-tabs button.active{background:var(--green);color:#fff}.timeline-event{display:flex;align-items:center;gap:.7rem;padding:1rem 0;border-bottom:1px solid var(--border)}.timeline-event span{display:flex;flex-direction:column}.timeline-event small{color:var(--muted)}.pitch{height:400px;background:repeating-linear-gradient(90deg,#1b9a5d 0 12.5%,#179052 12.5% 25%);border:3px solid #e9ffef;position:relative}.pitch:before{content:'';position:absolute;inset:6%;border:2px solid #ffffff88}.formation{position:absolute;inset:8%;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center}.formation span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--green);font-weight:800;box-shadow:0 4px 12px #004726}.stat{margin:1.2rem 0}.stat>div:first-child{display:flex;justify-content:space-between}.progress-bar{background:var(--green)}.catalog-hero{text-align:center}.catalog-search{display:flex;max-width:620px;margin:1.5rem auto;background:#fff;border-radius:13px;padding:.2rem .5rem;align-items:center}.catalog-search.light{max-width:none;border:1px solid var(--border);margin:0}.catalog-search input{flex:1;border:0;padding:1rem;outline:0;background:transparent}.catalog-search button{border:0;background:var(--green);color:#fff;padding:.7rem 1.5rem;border-radius:9px}.filter-pills{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.filter-pills button{border:0;padding:.6rem 1.3rem;border-radius:20px;background:#fff}.filter-pills button.active{background:var(--green);color:#fff}.filter-pills.light{justify-content:flex-start}.filter-pills.light button{border:1px solid var(--border)}.competition-card,.team-card{display:block;text-align:center;background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.5rem;height:100%}.competition-card:hover,.team-card:hover{border-color:var(--green);box-shadow:0 12px 28px #07223a12}.competition-card .trophy,.big-trophy{color:var(--gold);font-size:3rem}.competition-card h3,.team-card h3{font-size:1.15rem;font-weight:800;margin-top:.8rem}.competition-card p,.team-card p{color:var(--muted)}.competition-card div{display:flex;justify-content:space-around;border-top:1px solid var(--border);padding-top:.8rem;font-size:.8rem}.competition-hero,.club-hero{padding:4rem 0;background:linear-gradient(90deg,#071c2e,#183d58);color:#fff}.club-hero{background:linear-gradient(90deg,var(--club),#071c2e)}.club-meta,.player-meta{display:flex;gap:1rem;flex-wrap:wrap}.club-meta span,.player-meta span{background:#ffffff12;border:1px solid #ffffff22;padding:.5rem .8rem;border-radius:9px}.standings td,.standings th{padding:.9rem;vertical-align:middle}.mini-badge{display:inline-block;width:24px;height:24px;background:var(--team);border-radius:50%;vertical-align:middle;margin-left:.5rem}.compact-match{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;text-align:center;padding:1rem 0;border-bottom:1px solid var(--border)}.teams-mini{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.teams-mini a{font-size:.85rem}.player-row{display:flex;align-items:center;gap:.8rem;border:1px solid var(--border);padding:.8rem;border-radius:12px}.player-row>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e1f4eb;color:var(--green);font-weight:800}.player-row div{flex:1}.player-row small{display:block;color:var(--muted)}.info-list span{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border)}.player-hero{background:linear-gradient(90deg,#071b2c,#0a4937);color:#fff}.player-silhouette i{font-size:250px;line-height:1;color:#ffffff32}.player-hero h1{font-size:3rem;font-weight:800}.number{color:#e3b954;font-weight:800;font-size:1.4rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stats-grid>div{background:#fff;border:1px solid var(--border);padding:1.5rem;text-align:center;border-radius:14px}.stats-grid b{display:block;font-size:2rem;color:var(--green)}.skill{display:grid;grid-template-columns:100px 1fr 40px;gap:1rem;align-items:center;margin:1.2rem 0}.article-card{display:block;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;height:100%}.article-card img{width:100%;height:230px;object-fit:cover}.article-card>div{padding:1.3rem}.article-card h2{font-size:1.2rem;font-weight:800;margin:.8rem 0}.article-card p{color:var(--muted)}.article-detail h1{font-size:2.8rem;font-weight:800;margin:1rem 0}.article-byline{display:flex;gap:2rem;color:var(--muted);margin:1.5rem 0}.article-hero{width:100%;height:460px;object-fit:cover;border-radius:16px}.article-body{font-size:1.15rem;line-height:2;padding:2rem 0}.article-body h2{font-weight:800;margin-top:2rem}.article-body blockquote{border-right:4px solid var(--green);padding:1rem 1.5rem;background:#eaf6f0;font-size:1.3rem;font-weight:700}.ad-placeholder{height:90px;background:#eef1f3;color:#a0aab4;display:grid;place-items:center;margin:2rem 0}.article-tags span{display:inline-block;padding:.4rem .8rem;background:#edf1f3;border-radius:20px;margin:.2rem}.related{top:110px}.related a{display:flex;gap:.8rem;padding:1rem 0;border-bottom:1px solid var(--border)}.related img{width:90px;height:65px;object-fit:cover;border-radius:8px}.search-result{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.search-result img{width:130px;height:85px;object-fit:cover;border-radius:9px}.search-result p{color:var(--muted);margin:4px 0}.legal-page{max-width:1000px;margin:auto;background:#fff;border:1px solid var(--border);padding:3rem;border-radius:18px}.legal-page section{padding:1.5rem 0;border-bottom:1px solid var(--border)}.legal-page h2{font-weight:800}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.value-grid div{background:#f5f8fa;border-radius:14px;padding:2rem}.value-grid i{font-size:2rem;color:var(--green)}.contact-form label{font-weight:700}.contact-form .form-control,.contact-form .form-select{margin-top:.5rem;padding:.8rem}
@media(max-width:991px){.match-info{gap:1rem;flex-wrap:wrap}.stats-grid{grid-template-columns:1fr 1fr}.value-grid{grid-template-columns:1fr}.article-detail h1{font-size:2rem}}@media(max-width:576px){.lead-copy{padding:2rem 1rem}.lead-copy h1{font-size:1.6rem}.filters{flex-wrap:wrap}.filters .form-control{max-width:none}.match-info{font-size:.75rem}.detail-tabs{overflow-x:auto}.detail-tabs li{min-width:130px}.stats-grid{grid-template-columns:1fr 1fr}.player-hero h1{font-size:2rem}.article-hero{height:260px}.legal-page{padding:1.2rem}}

.match-days,.match-status-tabs,.match-refresh{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.match-days .btn{min-width:100px}.match-days small{display:block}.match-filter-form{display:grid;grid-template-columns:1fr 2fr 1.5fr auto auto;gap:1rem;align-items:end}.match-filter-form label{font-weight:700;min-width:0}.match-filter-form input,.match-filter-form select{margin-top:.4rem;min-width:0}.match-refresh{justify-content:space-between;color:var(--muted)}.status.halftime{background:#fff3d8;color:#8f6500}.status.postponed,.status.cancelled{background:#f0eaf4;color:#71408c}.match-status-tabs .btn{white-space:nowrap}.hero-score bdi,.score bdi{direction:rtl;unicode-bidi:isolate}@media(max-width:991px){.match-filter-form{grid-template-columns:1fr 1fr}.match-filter-form label:nth-child(2){grid-column:span 1}}@media(max-width:576px){.match-filter-form{grid-template-columns:1fr}.match-status-tabs{gap:.35rem}.match-status-tabs .btn{font-size:.85rem}.match-detail-hero h2{font-size:1.1rem}.hero-score{font-size:2rem}}

.competition-news-heading{border-bottom:2px solid var(--border);padding-bottom:1rem;gap:1rem;flex-wrap:wrap}.competition-news-heading h2{border-inline-start:4px solid var(--green);padding-inline-start:.8rem}.competition-news-heading i.bi-trophy{color:var(--gold)}.competition-news-card h3{font-size:1.15rem;font-weight:800;line-height:1.6;margin:.8rem 0}.competition-news-card img{height:175px}.competition-news-card p{font-size:.9rem;line-height:1.7}.competition-news-card:hover{border-color:var(--green)}@media(max-width:576px){.competition-news-heading h2{font-size:1.15rem}.competition-news-heading a{font-size:.85rem}.competition-news-card img{height:200px}}

.club-profile-header{display:flex;align-items:center;gap:2rem}.club-profile-header>.team-badge{margin:0;flex-shrink:0}.club-tabs{display:flex;background:#fff;border:1px solid var(--border);border-radius:14px;overflow-x:auto}.club-tabs a{flex:1;text-align:center;white-space:nowrap;padding:1.2rem 1rem;font-weight:700}.club-tabs a.active{background:var(--green);color:#fff}.club-tabs a:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.club-match-row{display:block;padding:1rem 0;border-bottom:1px solid var(--border)}.club-match-row:last-child{border-bottom:0}.club-match-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;color:var(--muted);font-size:.8rem;margin-bottom:.7rem}.club-match-meta .status{margin-inline-start:auto}.club-match-score{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;text-align:center}.club-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.club-stats-grid strong{display:block;color:var(--green);font-size:2rem}.club-stats-grid span{display:block}@media(max-width:991px){.club-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:576px){.club-profile-header{flex-direction:column;text-align:center}.club-profile-header .club-meta{justify-content:center}.club-tabs a{padding:1rem .9rem;font-size:.9rem}.club-stats-grid{grid-template-columns:repeat(2,1fr)}.club-match-score{font-size:.9rem;gap:.5rem}}

.home-club-logo{height:54px;width:54px;object-fit:contain;margin:auto}
.has-club-logo{background:transparent!important;border:0!important;box-shadow:none!important}.has-club-logo img{width:100%;height:100%;object-fit:contain}.mini-badge.has-club-logo{display:inline-flex;width:28px;height:28px;vertical-align:middle}.club-match-score .mini-badge{margin-inline-end:.5rem}
.mobile-bottom-nav{display:none}@media(max-width:767px){body{padding-bottom:68px}.mobile-bottom-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#071d30;color:white;padding:10px 6px;padding-bottom:max(10px,env(safe-area-inset-bottom));z-index:1040}.mobile-bottom-nav a{min-height:42px;display:flex;align-items:center}.club-tabs a{min-width:100px}.match-filter-form{grid-template-columns:1fr!important}.team-card h3{overflow-wrap:anywhere}.site-header .navbar-brand{font-size:1.4rem}}