:root{--mc-primary:#6366f1;--mc-primary-glow:#6366f166;--mc-bg-dark:#0a0a0f;--mc-card-bg:#ffffff08;--mc-card-border:#ffffff14;--mc-gold:#fbbf24;--mc-success:#10b981;--mc-text-muted:#ffffff80;--mc-radius:20px;--mc-transition:all .4s cubic-bezier(.4, 0, .2, 1)}.match-center-page{background-color:var(--mc-bg-dark);background-image:radial-gradient(circle at 0 0,#6366f126 0%,#0000 50%),radial-gradient(circle at 100% 100%,#8b5cf61a 0%,#0000 50%);min-height:100vh}.mc-hero{text-align:center;padding:180px 0 100px;position:relative;overflow:hidden}.mc-hero-bg{z-index:-1;position:absolute;inset:0}.mc-grid-overlay{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.mc-glow{filter:blur(120px);opacity:.15;border-radius:50%;width:600px;height:600px;position:absolute}.mc-glow-1{background:var(--mc-primary);top:-200px;left:-100px}.mc-glow-2{background:#8b5cf6;bottom:-100px;right:-100px}.mc-badge{color:var(--mc-primary);text-transform:uppercase;letter-spacing:1px;background:#6366f126;border:1px solid #6366f14d;border-radius:100px;align-items:center;gap:10px;margin-bottom:30px;padding:8px 20px;font-size:.85rem;font-weight:800;display:inline-flex}.mc-title{color:#fff;margin-bottom:25px;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;line-height:1.1}.mc-subtitle{color:var(--mc-text-muted);max-width:700px;margin:0 auto 50px;font-size:1.25rem}.mc-hero-stats{flex-wrap:wrap;justify-content:center;gap:50px;margin-top:30px;display:flex}@media (width<=480px){.mc-hero-stats{grid-template-columns:1fr 1fr;gap:20px;display:grid}.mc-stat:last-child{grid-column:span 2}}.mc-stat{flex-direction:column;gap:5px;display:flex}.mc-stat-val{color:#fff;background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.2rem;font-weight:900}.mc-stat-label{color:var(--mc-text-muted);text-transform:uppercase;font-size:.85rem;font-weight:700}.mc-controls-section{z-index:10;margin-top:-50px;position:relative}.mc-controls-bar{border-radius:var(--mc-radius);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--mc-card-border);background:#0f0f1a99;padding:30px}.mc-controls-inner{justify-content:space-between;align-items:center;gap:30px;width:100%;display:flex}.mc-filter-group{flex:1;align-items:center;gap:30px;min-width:0;display:flex}.mc-filter-title{color:#fff;white-space:nowrap;flex-shrink:0;align-items:center;gap:12px;font-size:1.1rem;font-weight:800;display:flex}.mc-leagues-scroll{scrollbar-width:none;flex:1;gap:12px;padding:5px 0;display:flex;overflow-x:auto}.mc-search-wrapper{flex-shrink:0;width:320px;position:relative}.mc-search-wrapper .search-icon{color:var(--mc-text-muted);pointer-events:none;transition:var(--mc-transition);font-size:.95rem;position:absolute;top:50%;transform:translateY(-50%)}[dir=rtl] .mc-search-wrapper .search-icon{right:20px}[dir=ltr] .mc-search-wrapper .search-icon{left:20px}.mc-search-input{color:#fff;width:100%;transition:var(--mc-transition);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;outline:none;padding:12px 20px;font-size:.9rem;font-weight:700}[dir=rtl] .mc-search-input{text-align:right;padding-left:20px;padding-right:48px}[dir=ltr] .mc-search-input{text-align:left;padding-left:48px;padding-right:20px}.mc-search-input:focus{border-color:var(--mc-primary);background:#ffffff0f;box-shadow:0 0 15px #6366f133}.mc-search-input:focus+.search-icon{color:var(--mc-primary)}@media (width<=992px){.mc-controls-inner{flex-direction:column;align-items:stretch;gap:20px}.mc-search-wrapper{width:100%}}@media (width<=768px){.mc-filter-group{flex-direction:column;align-items:flex-start;gap:15px}}.mc-leagues-scroll::-webkit-scrollbar{display:none}.filter-chip{color:#ffffffb3;cursor:pointer;white-space:nowrap;transition:var(--mc-transition);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;padding:10px 22px;font-size:.9rem;font-weight:700}.filter-chip:hover,.filter-chip.active{background:var(--gradient-1);color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.mc-main-content{padding:60px 0}.mc-match-list{flex-direction:column;gap:16px;width:100%;display:flex}.match-list-row{border:1px solid var(--mc-card-border);transition:var(--mc-transition);cursor:pointer;background:#ffffff05;border-radius:16px;overflow:hidden}.match-list-row:hover{background:#ffffff0a;border-color:#6366f14d;transform:translate(-5px)}[dir=ltr] .match-list-row:hover{transform:translate(5px)}.match-main-info{justify-content:space-between;align-items:center;gap:30px;padding:22px 30px;display:flex}.match-meta-info{flex-direction:column;flex-shrink:0;gap:10px;width:180px;display:flex}.match-date-time{flex-direction:column;gap:4px;display:flex}.m-date{color:var(--mc-text-muted);font-size:.75rem;font-weight:700}.m-time{color:#fff;font-size:1.1rem;font-weight:900}.match-league-badge span{color:var(--mc-primary);background:#6366f11a;border-radius:6px;padding:4px 12px;font-size:.7rem;font-weight:800;display:inline-block}.teams-score-wrapper{flex:1;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;display:grid}.team-side{align-items:center;gap:18px;min-width:0;display:flex}.team-side.home{justify-content:flex-end}.team-side.away{justify-content:flex-start}.team-logo-pro{object-fit:contain;background:#ffffff05;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:45px;height:45px;padding:6px}.team-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:1.15rem;font-weight:800;overflow:hidden}@media (width<=768px){.team-name{max-width:100px;font-size:.95rem}}.score-center{justify-content:center;min-width:120px;display:flex}.score-display{background:var(--gradient-1);border-radius:14px;align-items:center;gap:12px;padding:8px 22px;display:flex;box-shadow:0 8px 25px #6366f14d}.score-num{color:#fff;text-align:center;min-width:30px;font-size:1.8rem;font-weight:900;line-height:1}.score-vs{color:var(--mc-text-muted);letter-spacing:2px;background:#ffffff0d;border-radius:50px;padding:10px 22px;font-size:1rem;font-weight:900}.row-actions-pro{justify-content:center;width:40px;display:flex}.expand-trigger{color:var(--mc-text-muted);cursor:pointer;width:40px;height:40px;transition:var(--mc-transition);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.expand-trigger:hover{background:var(--mc-primary);color:#fff;transform:rotate(180deg)}.match-details-expand{background:#0003;max-height:0;transition:max-height .5s cubic-bezier(0,1,0,1);overflow:hidden}.match-list-row.is-expanded .match-details-expand{border-top:1px solid #ffffff0d;max-height:2000px;transition:max-height 1s ease-in-out}.expand-content{grid-template-columns:1fr 1fr 320px;gap:30px;padding:30px;display:grid}.mc-faq-section{margin-top:100px}.mc-section-title{color:#fff;text-align:center;margin-bottom:40px;font-size:2.5rem;font-weight:900}[dir=rtl] .mc-section-title{text-align:inherit}.mc-faq-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;display:grid}.mc-faq-item summary{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:22px 30px;font-size:1.1rem;font-weight:800;list-style:none;display:flex}[dir=rtl] .mc-faq-item summary{text-align:right;flex-direction:row}.mc-faq-item summary:after{content:"";transition:var(--mc-transition);color:var(--mc-primary);order:2;font-family:"Font Awesome 6 Free";font-size:.9rem;font-weight:900}[dir=rtl] .mc-faq-item summary:after{margin-right:15px}[dir=ltr] .mc-faq-item summary:after{margin-left:15px}.mc-faq-item[open] summary:after{transform:rotate(180deg)}.mc-faq-item p{color:var(--mc-text-muted);text-align:left;padding:0 30px 25px;font-size:1rem;line-height:1.8}[dir=rtl] .mc-faq-item p{text-align:right}@media (width<=768px){.mc-faq-item summary{padding:18px 20px;font-size:1rem}.mc-faq-item p{padding:0 20px 20px}}[dir=rtl] .mc-article,[dir=rtl] .mc-legal{text-align:right}.mc-info-section{padding:60px 0 120px}.mc-info-grid{flex-direction:column;gap:30px;max-width:1000px;margin-bottom:80px;margin-left:auto;margin-right:auto;display:flex}.mc-article,.mc-legal{border-radius:24px;width:100%;padding:40px}.mc-feature-list{grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;display:grid}.mc-feature-list li{color:#fffc;align-items:center;gap:12px;font-weight:700;display:flex}.mc-feature-list i{color:var(--mc-success)}.mc-legal-header{color:var(--mc-primary);align-items:center;gap:15px;margin-bottom:25px;display:flex}.mc-legal-header i{font-size:2rem}.mc-legal-content{color:#ffffffb3;font-size:.95rem;line-height:1.8}.mc-legal-footer{border-top:1px solid #ffffff0d;align-items:center;gap:20px;margin-top:30px;padding-top:20px;display:flex}.mc-18-badge{color:#fff;background:#ff4757;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:900}@media (width<=1024px){.expand-content,.mc-info-grid{grid-template-columns:1fr}}@media (width<=768px){.mc-hero{padding:140px 0 60px}.match-main-info{flex-direction:column;gap:20px;padding:25px}.match-meta-info{border-bottom:1px solid #ffffff0d;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-bottom:15px}.teams-score-wrapper{gap:15px;width:100%}.team-name{font-size:1rem}.team-logo-pro{width:36px;height:36px}.score-display{padding:6px 15px}.score-num{font-size:1.2rem}.mc-feature-list{grid-template-columns:1fr}}.mc-skeleton-list{flex-direction:column;gap:16px;display:flex}.mc-skeleton-item{background:#ffffff08;border-radius:16px;height:100px;position:relative;overflow:hidden}.mc-skeleton-item:after{content:"";background:linear-gradient(90deg,#0000,#ffffff08,#0000);animation:1.5s infinite skeleton-sweep;position:absolute;inset:0}@keyframes skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mc-state-badge{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.mc-state-live{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d;box-shadow:0 0 10px #ef44441a}.mc-state-live .live-dot-pulse{background:#ef4444;border-radius:50%;width:6px;height:6px;margin:0;animation:1.5s infinite pulse-live-badge;display:inline-block;box-shadow:0 0 #ef4444b3}@keyframes pulse-live-badge{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.mc-state-upcoming{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b4d}.mc-state-finished{color:#9ca3af;background:#9ca3af1f;border:1px solid #9ca3af4d}.match-badge-wrapper{align-items:center;display:flex}.mc-error-card{text-align:center;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#0a0a0f99;border:1px solid #ef444433;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;max-width:550px;margin:60px auto;padding:50px 30px;animation:.5s ease-out reveal;display:flex;box-shadow:0 15px 35px #0009}.mc-error-icon{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:24px;font-size:26px;animation:2s infinite pulse-red-error;display:flex;box-shadow:0 0 20px #ef444433}@keyframes pulse-red-error{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 12px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.mc-error-card h3{color:#fff;margin-bottom:12px;font-family:Tajawal,sans-serif;font-size:1.6rem;font-weight:800}.mc-error-card p{color:var(--mc-text-muted);margin-bottom:28px;font-size:1rem;line-height:1.7}.mc-retry-btn{cursor:pointer;transition:var(--mc-transition);background:var(--gradient-1);color:#fff;border:none;border-radius:100px;align-items:center;gap:10px;padding:12px 30px;font-family:Tajawal,sans-serif;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 8px 25px #6366f14d}.mc-retry-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #6366f166}.mc-retry-btn i{transition:transform .4s}.mc-retry-btn:hover i{transform:rotate(180deg)}.compact-flashscore-layout{border:1px solid var(--mc-card-border);background:#0003;border-radius:16px;flex-direction:column;gap:0;display:flex;overflow:hidden}.mc-league-header{background:#ffffff0f;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;align-items:center;padding:14px 24px;display:flex}.mc-league-header:first-child{border-top:none}.league-title-wrapper{align-items:center;gap:8px;font-size:1rem;font-weight:800;display:flex}.league-country{color:var(--mc-text-muted);text-transform:uppercase;font-size:.85rem}.league-name{color:#fff}.compact-row{background:0 0;border:none;border-bottom:1px solid #ffffff08;border-radius:0}.compact-row:last-child{border-bottom:none}.match-main-info.compact{grid-template-columns:80px 1fr 40px;align-items:center;gap:20px;padding:12px 24px;display:grid}.match-time-status{color:var(--mc-text-muted);align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:flex}.match-time-status.is-live-time{color:#ef4444}.teams-score-wrapper.compact{grid-template-columns:1fr 90px 1fr;align-items:center;gap:20px;display:grid}.teams-score-wrapper.compact .team-name{max-width:100%;font-size:1.05rem}[dir=rtl] .teams-score-wrapper.compact .team-side.home .team-name{text-align:left;margin-right:auto}[dir=rtl] .teams-score-wrapper.compact .team-side.away .team-name{text-align:right;margin-left:auto}.score-center.compact{min-width:unset}.score-display.compact{box-shadow:none;background:#ffffff14;border-radius:8px;justify-content:center;gap:8px;width:100%;padding:6px 14px}.score-display.compact.live-score{background:#ef444426;border:1px solid #ef44444d}.score-display.compact.live-score .score-num{color:#ef4444}.score-display.compact .score-num{font-size:1.25rem}.score-display.compact .score-sep{color:var(--mc-text-muted);font-size:1.1rem}.score-vs{color:var(--mc-text-muted);background:0 0;padding:0;font-size:1rem;font-weight:800}.row-actions-pro .expand-trigger{width:34px;height:34px;font-size:.85rem}@media (width<=768px){.match-main-info.compact{grid-template-columns:60px 1fr 32px;gap:12px;padding:12px 15px}.teams-score-wrapper.compact{grid-template-columns:1fr auto 1fr;gap:12px}.teams-score-wrapper.compact .team-name{white-space:normal;font-size:.9rem}.score-display.compact{padding:6px 10px}.score-display.compact .score-num{font-size:1.1rem}}