:root{--bg-color:#0b0c10;--card-bg:#151821;--border-color:#212631;--accent-color:#00e5ff;--accent-glow:#00e5ff26;--live-color:#f36;--live-glow:#f363;--text-main:#f5f6fa;--text-muted:#8f96a3;--navbar-bg:#151821d9;--shadow:#00000080 0 8px 24px -4px;--sans-font:"Inter", system-ui, -apple-system, sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--sans-font);line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}a{color:inherit;text-decoration:none}.app-container{width:100vw;min-height:100vh;display:flex;position:relative}.main-content{max-width:1400px;transition:var(--transition);flex:1;margin-left:260px;padding:24px 24px 40px}@media (width<=1024px){.app-container{flex-direction:column}.main-content{margin-left:0;padding:16px 16px 100px}}.sidebar{background-color:var(--card-bg);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:260px;height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0}.sidebar-logo{color:var(--text-main);background:linear-gradient(90deg, var(--text-main) 0%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:12px;margin-bottom:40px;font-size:24px;font-weight:800;display:flex}.sidebar-menu{flex-direction:column;gap:8px;list-style:none;display:flex}.menu-item{color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:12px;align-items:center;gap:16px;padding:14px 18px;font-weight:500;display:flex}.menu-item:hover,.menu-item.active{color:var(--text-main);background-color:var(--border-color)}.menu-item.active{box-shadow:inset 4px 0 0 var(--accent-color);background:linear-gradient(90deg,#00e5ff14 0%,#15182100 100%)}.menu-item svg{width:20px;height:20px}.mobile-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:99;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:none;position:sticky;top:0}.mobile-bottom-nav{background-color:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-color);z-index:99;justify-content:space-around;align-items:center;width:100%;height:70px;display:none;position:fixed;bottom:0;left:0}.mobile-nav-item{color:var(--text-muted);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 0;font-size:11px;font-weight:500;display:flex}.mobile-nav-item.active{color:var(--accent-color)}.mobile-nav-item svg{width:22px;height:22px}@media (width<=1024px){.sidebar{display:none}.mobile-header,.mobile-bottom-nav{display:flex}}.section-header{justify-content:space-between;align-items:center;margin-top:32px;margin-bottom:16px;display:flex}.section-title{color:var(--text-main);align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.see-all-btn{color:var(--accent-color);cursor:pointer;transition:var(--transition);font-size:14px;font-weight:600}.see-all-btn:hover{opacity:.8;text-decoration:underline}.hero-slider-container{width:100%;height:380px;box-shadow:var(--shadow);background:var(--card-bg);border-radius:16px;position:relative;overflow:hidden}.slider-slide{background-position:50%;background-size:cover;align-items:flex-end;width:100%;height:100%;padding:40px;display:flex;position:relative}.slider-slide:after{content:"";background:linear-gradient(#0b0c1000 0%,#0b0c1033 40%,#0b0c10e6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.slide-content{z-index:2;text-align:left;max-width:600px;position:relative}.slide-title{color:var(--text-main);margin-bottom:8px;font-size:28px;font-weight:800}.slide-desc{color:var(--text-muted);font-size:15px}.slider-dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:20px;right:40px}.slider-dot{cursor:pointer;width:10px;height:10px;transition:var(--transition);background-color:#ffffff4d;border-radius:50%}.slider-dot.active{background-color:var(--accent-color);border-radius:5px;width:24px}@media (width<=768px){.hero-slider-container{height:240px}.slider-slide{padding:20px}.slide-title{font-size:20px}.slide-desc{font-size:13px}}.league-filters{scrollbar-width:none;gap:12px;margin-bottom:16px;padding:8px 0;display:flex;overflow-x:auto}.league-filters::-webkit-scrollbar{display:none}.league-pill{white-space:nowrap;background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:30px;padding:10px 20px;font-size:14px;font-weight:600}.league-pill:hover,.league-pill.active{background-color:var(--border-color);color:var(--text-main)}.league-pill.active{border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.matches-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.match-card{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow);cursor:pointer;transition:var(--transition);border-radius:16px;flex-direction:column;padding:20px;display:flex;position:relative}.match-card:hover{box-shadow:0 10px 20px #0006, 0 0 12px var(--accent-glow);border-color:#00e5ff66;transform:translateY(-4px)}.match-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.league-tag{color:var(--accent-color);text-transform:uppercase;font-size:12px;font-weight:700}.live-indicator{color:var(--live-color);text-transform:uppercase;background-color:#ff33661a;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:800;animation:1.5s infinite pulse;display:flex}.live-indicator-dot{background-color:var(--live-color);border-radius:50%;width:6px;height:6px}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.match-teams{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.team-row{justify-content:space-between;align-items:center;display:flex}.team-info{align-items:center;gap:12px;display:flex}.team-logo{object-fit:contain;width:28px;height:28px}.team-name{color:var(--text-main);font-size:16px;font-weight:600}.team-score{color:var(--text-main);font-size:18px;font-weight:800}.match-card-footer{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:14px;font-size:13px;display:flex}.news-scroll-container{scrollbar-width:none;gap:16px;padding:8px 0 16px;display:flex;overflow-x:auto}.news-scroll-container::-webkit-scrollbar{display:none}.news-card{background-color:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);border-radius:16px;flex-direction:column;flex:0 0 280px;display:flex;overflow:hidden}.news-card:hover{border-color:var(--accent-color);transform:translateY(-4px)}.news-card-img{object-fit:cover;background-color:var(--border-color);width:100%;height:150px}.news-card-body{text-align:left;flex-direction:column;gap:8px;padding:16px;display:flex}.news-card-title{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.news-card-desc{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.news-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#0b0c10d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0009}.modal-close-btn{width:36px;height:36px;color:var(--text-main);cursor:pointer;z-index:10;transition:var(--transition);background-color:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:var(--accent-color);background-color:#ffffff1f}.match-detail-header{text-align:center;background:linear-gradient(180deg, #15182100 0%, var(--card-bg) 100%);padding:40px 24px 24px}.match-detail-vs{justify-content:space-around;align-items:center;max-width:500px;margin:0 auto 24px;display:flex}.detail-team-col{flex-direction:column;flex:1;align-items:center;gap:12px;display:flex}.detail-team-logo{object-fit:contain;width:72px;height:72px}.detail-team-name{color:var(--text-main);font-size:18px;font-weight:700}.detail-vs-txt{color:var(--text-muted);font-size:24px;font-weight:900}.match-countdown-box{background-color:var(--border-color);color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);border-radius:10px;margin-top:12px;padding:12px 24px;font-family:monospace;font-size:24px;font-weight:700;display:inline-block}.detail-tabs-nav{border-bottom:1px solid var(--border-color);list-style:none;display:flex}.detail-tab-btn{text-align:center;color:var(--text-muted);cursor:pointer;transition:var(--transition);border-bottom:2px solid #0000;flex:1;padding:16px;font-weight:600}.detail-tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.detail-tab-content{text-align:left;padding:24px}.stream-player-container{aspect-ratio:16/9;border:1px solid var(--border-color);background-color:#000;border-radius:12px;width:100%;margin-bottom:20px;overflow:hidden}.stream-channel-list{flex-direction:column;gap:10px;display:flex}.channel-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:var(--transition);background-color:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;font-weight:600;display:flex}.channel-btn:hover,.channel-btn.active{border-color:var(--accent-color);background-color:var(--border-color)}.post-match-score{color:var(--text-main);align-items:center;gap:24px;font-size:40px;font-weight:900;display:flex}.goal-scorers-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.scorer-row{color:var(--text-muted);justify-content:space-between;font-size:14px;display:flex}.scorer-row .right-scorer{text-align:right}.results-date-bar{scrollbar-width:none;gap:10px;margin-bottom:24px;padding:8px 0;display:flex;overflow-x:auto}.results-date-bar::-webkit-scrollbar{display:none}.date-pill{background-color:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;height:80px;transition:var(--transition);border-radius:14px;flex-direction:column;flex:0 0 72px;justify-content:center;align-items:center;display:flex}.date-pill:hover,.date-pill.active{background-color:var(--border-color)}.date-pill.active{border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.date-pill .day-name{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600}.date-pill .day-number{color:var(--text-main);font-size:20px;font-weight:800}.date-pill.active .day-name{color:var(--accent-color)}.ad-splash-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99999;background-color:#06090ff2;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0}.ad-splash-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:100%;max-width:900px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080,0 0 50px #00f2fe1a}.ad-header-row{z-index:10;align-items:center;gap:12px;display:flex;position:absolute;top:16px;right:16px}.ad-timer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-main);background:#0f172abf;border:1px solid #ffffff1a;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.ad-skip-btn{cursor:pointer;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.ad-skip-btn.active{background:var(--accent-color);color:#000}.ad-skip-btn.active:hover{background:#00d2e8;box-shadow:0 0 15px #00f2fe66}.ad-skip-btn.disabled{color:var(--text-muted);cursor:not-allowed;background:#ffffff1a;border-color:#ffffff0d}.ad-skip-btn svg{width:14px;height:14px}.ad-media-content{aspect-ratio:16/9;background-color:#000;justify-content:center;align-items:center;width:100%;max-height:70vh;display:flex}.ad-image,.ad-video{object-fit:contain;width:100%;height:100%}.ad-sponsored-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:#0f172abf;border:1px solid #ffffff1a;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;bottom:16px;left:16px}@media (width<=768px){.ad-splash-container{max-width:100%}.ad-header-row{gap:8px;top:12px;right:12px}.ad-timer,.ad-skip-btn{padding:4px 10px;font-size:12px}}.channels-row{scrollbar-width:thin;gap:16px;margin-bottom:24px;padding:8px 4px 16px;display:flex;overflow-x:auto}.channels-row::-webkit-scrollbar{height:6px}.channels-row::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.channel-card{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;cursor:pointer;box-shadow:var(--shadow);border-radius:16px;flex:0 0 130px;padding:16px 12px;transition:transform .2s,border-color .2s,box-shadow .2s}.channel-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #00a8cc40}.channel-logo-wrapper{background:var(--bg-color);border:2px solid var(--border-color);border-radius:50%;width:80px;height:80px;margin:0 auto 12px;position:relative;overflow:hidden}.channel-logo{object-fit:cover;width:100%;height:100%}.channel-play-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.channel-card:hover .channel-play-overlay{opacity:1}.play-icon-tri{color:var(--primary-color);font-size:20px}.channel-name{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.channel-modal-content{width:90%!important;max-width:720px!important;padding:32px 24px 24px!important}.channel-modal-title{color:var(--text-color);align-items:center;gap:8px;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.channel-video-container{aspect-ratio:16/9;border:1px solid var(--border-color);background:#000;border-radius:12px;width:100%;overflow:hidden}.app-footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);margin-top:60px;padding-top:24px;font-size:13px}.app-footer a{color:var(--accent-color);transition:var(--transition);font-weight:600;text-decoration:none}.app-footer a:hover{color:var(--text-main);text-decoration:underline}