body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.navbar{z-index:1000;padding:1rem 0;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.navbar-left{align-items:center;gap:4rem;display:flex}.navbar-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.main-logo{object-fit:contain;width:auto;height:32px;filter:drop-shadow(0 0 8px var(--primary-glow))}.logo-text{color:#fff;letter-spacing:-.03em;align-items:center;font-size:1.4rem;font-weight:900;display:flex}.logo-text .dot{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.navbar-links{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;gap:.75rem;padding:.4rem;display:flex}.nav-link{color:var(--text-muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#fff;background:var(--primary);box-shadow:0 4px 15px var(--primary-glow);border-color:#ffffff1a}.navbar-center{flex:1;max-width:450px;margin:0 2rem}.navbar-search{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:.75rem;padding:.6rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.navbar-search:focus-within{border-color:var(--primary);background:#ffffff14;transform:translateY(-1px);box-shadow:0 0 20px #1dc73426}.search-icon{color:var(--text-muted)}.navbar-search:focus-within .search-icon{color:var(--primary)}.navbar-search input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.95rem;font-weight:500}.navbar-search input::placeholder{color:#fff6}.navbar-right{align-items:center;gap:1rem;display:flex}.navbar-time{color:var(--primary);font-variant-numeric:tabular-nums;letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;padding:.5rem 1rem;font-size:.85rem;font-weight:700}.profile-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.profile-btn:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 15px var(--primary-glow);transform:translateY(-2px)}@media (width<=1024px){.navbar-links{display:none}}@media (width<=768px){.navbar-center{display:none}}.footer{border-top:1px solid #ffffff0d;margin-top:4rem;padding:1.5rem 0}.footer-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.footer-copy{color:var(--text-muted);font-size:.85rem;font-weight:500}.footer-copy .highlight{color:var(--primary);font-weight:700}.footer-links{gap:2rem;display:flex}.footer-links a{color:var(--text-muted);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.match-card{border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;flex-direction:column;gap:1.5rem;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.match-card.is-live{background:linear-gradient(135deg,#ff3b301a 0%,#ff3b300d 50%,#0003 100%);border:1px solid #ff3b304d;box-shadow:0 0 20px #ff3b301a}.match-card.is-hot{background:linear-gradient(135deg,#ff95001a 0%,#ff95000d 50%,#0003 100%);border:1px solid #ff95004d;box-shadow:0 0 20px #ff95001a}.match-card-glow{pointer-events:none;opacity:.5;background:radial-gradient(circle at 50% 0,#ffffff0d,#0000 70%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.match-card:hover .match-card-glow{opacity:1}.match-card.is-live .match-card-glow{background:radial-gradient(circle at 50% 0,#ff3b3033,#0000 70%)}.match-card.is-hot .match-card-glow{background:radial-gradient(circle at 50% 0,#ff950033,#0000 70%)}.match-card-header{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.league-container{background:#ffffff0d;border-radius:100px;align-items:center;gap:.5rem;padding:.4rem .8rem;display:flex}.league-icon{color:var(--primary)}.league-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.fav-button{color:var(--text-muted);transition:all .3s}.fav-button:hover,.fav-button.active{color:#ff3b30;transform:scale(1.1)}.match-card-content{z-index:1;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.team{flex-direction:column;flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.logo-wrapper{background:#0003;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;padding:.75rem;transition:transform .3s;display:flex}.match-card:hover .logo-wrapper{transform:scale(1.05)}.team img{object-fit:contain;width:100%;height:100%}.team-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.95rem;font-weight:700;overflow:hidden}.match-meta{flex-direction:column;align-items:center;gap:.5rem;min-width:100px;display:flex}.logo-wrapper.enlarged{background:#00000040;border-radius:20px;width:80px;height:80px;padding:.8rem}.status-badge{letter-spacing:.05em;border-radius:100px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.7rem;font-weight:800;display:flex}.status-badge.live{color:#ff3b30;background:#ff3b3026;box-shadow:0 0 15px #ff3b3033}.status-badge.hot{color:#ff9500;background:linear-gradient(135deg,#ff950033 0%,#ff95001a 100%);border:1px solid #ff950033;box-shadow:0 0 15px #ff950026}.live-dot{background:#ff3b30;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot}@keyframes pulse-dot{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.6;transform:scale(.9)}}.status-badge.finished{color:var(--text-muted);background:#ffffff0d}.status-badge.upcoming{color:#fff;background:#ffffff0d;align-items:center;display:flex}.vs-container{flex-direction:column;align-items:center;gap:.25rem;display:flex}.vs-text.prominent{color:#ffffff1f;letter-spacing:.2em;margin-bottom:.25rem;font-size:1.8rem;font-weight:950}.match-countdown-styled{color:var(--primary);text-transform:uppercase;letter-spacing:.02em;background:#1dc7341a;border:1px solid #1dc73433;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.score-display{background:#0006;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:.75rem;padding:.6rem 1.25rem;display:flex;box-shadow:inset 0 2px 10px #0003}.score-num{font-variant-numeric:tabular-nums;color:#fff;letter-spacing:-.02em;font-size:1.85rem;font-weight:900}.score-divider{color:#fff3;font-size:1.25rem;font-weight:500}.score-display.live .score-num{color:#ff3b30;text-shadow:0 0 15px #ff3b3066}.match-card-footer-interactive{color:#fff;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);background:#ffffff0a;border:none;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;margin-top:auto;padding:1.25rem;font-size:.9rem;font-weight:800;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.match-card:hover .match-card-footer-interactive{letter-spacing:.2em;background:#ffffff14}.match-card.is-live .match-card-footer-interactive{color:#fff;background:#ff3b3014;border-top-color:#ff3b301a}.match-card.is-live:hover .match-card-footer-interactive{background:#ff3b3026}.match-card.is-hot .match-card-footer-interactive{color:#fff;background:#ff950014;border-top-color:#ff95001a}.match-card.is-hot:hover .match-card-footer-interactive{background:#ff950026}@media (width<=480px){.match-card{padding:1rem}.logo-wrapper.enlarged{width:60px;height:60px;padding:.5rem}.team-name{font-size:.8rem}.vs-text.prominent{font-size:1.4rem}.score-num{font-size:1.25rem}}.match-score{color:#fff;align-items:center;gap:.5rem;font-size:2.2rem;font-weight:900;line-height:1;display:flex}.score-divider{color:#fff3}.match-time-info{height:20px}.live-minute{color:#ff3b30;font-size:.9rem;font-weight:800}.countdown-text{color:var(--text-muted);font-size:.75rem;font-weight:600}.match-card-footer{z-index:1;position:relative}.premium-watch-btn{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:.8rem;font-size:.85rem;font-weight:800;transition:all .3s}.match-card:hover .premium-watch-btn{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 15px var(--primary-glow);transform:translateY(-2px)}.home-page{padding:2rem 0;animation:.8s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-header-minimal{border-bottom:1px solid #ffffff08;justify-content:center;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.filter-tabs-container-horizontal{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:.4rem;display:flex}.filter-tabs{gap:.75rem;display:flex}.filter-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.8rem 2rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.filter-tab:hover{color:#fff;background:#ffffff0d}.filter-tab.active{color:#fff}.active-pill{background:var(--primary);z-index:-1;border-radius:12px;position:absolute;inset:0;box-shadow:0 4px 15px #1dc7344d}.live-count-badge{color:#fff;background:#ff3b30;border-radius:8px;margin-left:.35rem;padding:.15rem .5rem;font-size:.75rem;font-weight:900;animation:2s infinite pulse-badge;box-shadow:0 2px 8px #ff3b3066}@keyframes pulse-badge{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.section-header{border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;margin-bottom:2.5rem;padding-bottom:1.25rem;display:flex}.section-title{color:#fff;letter-spacing:-.01em;align-items:center;gap:.8rem;font-size:1.6rem;font-weight:850;display:flex}.matches-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (width<=768px){.matches-grid{grid-template-columns:1fr;gap:1rem}.home-header-minimal{padding:1rem}.filter-tabs{-ms-overflow-style:none;scrollbar-width:none;justify-content:flex-start;gap:.2rem;width:100%;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{white-space:nowrap;padding:.5rem 1rem;font-size:.8rem}}.lineup-flanked-layout{grid-template-columns:280px 1fr 280px;align-items:center;gap:1.5rem;width:100%;min-height:500px;display:grid}.team-list-sidebar{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000040;border:1px solid #ffffff0d;flex-direction:column;gap:1rem;height:auto;max-height:550px;padding:1.25rem;display:flex}.players-scroll-compact{flex-direction:column;max-height:450px;padding-right:6px;display:flex;overflow-y:auto}.players-scroll-compact::-webkit-scrollbar{width:4px}.players-scroll-compact::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.player-row-compact{border-bottom:1px solid #ffffff0d;border-radius:0;grid-template-columns:35px 1fr 45px;align-items:center;padding:.7rem .5rem;font-size:.85rem;transition:all .2s;display:grid}.player-row-compact:last-child{border-bottom:none}.player-row-compact:hover{background:#ffffff08;transform:translate(2px)}.player-row-compact .num{color:var(--primary);font-family:Inter,sans-serif;font-weight:800}.player-row-compact .name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;padding-right:8px;font-weight:500;overflow:hidden}.player-row-compact .pos{text-transform:uppercase;color:var(--text-muted);text-align:right;opacity:.7;font-size:.65rem;font-weight:800}.pitch-center-area{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.pitch-container{aspect-ratio:1.5;border-radius:var(--radius-lg);width:100%;max-width:800px;box-shadow:var(--shadow-premium);border:1px solid var(--glass-border);background:radial-gradient(circle,#1e5c26 0%,#133b17 100%);position:relative;overflow:hidden}@media (width<=1400px){.lineup-flanked-layout{grid-template-columns:260px 1fr 260px;gap:1rem}}@media (width<=1200px){.lineup-flanked-layout{grid-template-columns:240px 1fr 240px}}@media (width<=1100px){.lineup-flanked-layout{grid-template-columns:1fr;grid-template-areas:"pitch""home""away";align-items:stretch;gap:1.5rem}.pitch-center-area{grid-area:pitch}.home-side{grid-area:home}.away-side{grid-area:away}.team-list-sidebar{height:auto;max-height:none}.players-scroll-compact{max-height:400px}.pitch-container{aspect-ratio:16/9;max-width:none}}.pitch{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pitch-lines{pointer-events:none;border:2px solid #fff3;position:absolute;inset:5%}.pitch-overlay{background-image:repeating-linear-gradient(90deg,#ffffff05 0 10%,#0000 10% 20%);position:absolute;inset:0}.center-circle{aspect-ratio:1;border:2px solid #fff3;border-radius:50%;width:18%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-dot{background:#fff6;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.half-line{background:#fff3;width:2px;position:absolute;top:0;bottom:0;left:50%}.penalty-area{border:2px solid #fff3;width:18%;position:absolute;top:15%;bottom:15%}.penalty-area.home{border-left:none;border-radius:0 20px 20px 0;left:0}.penalty-area.away{border-right:none;border-radius:20px 0 0 20px;right:0}.goal-area{border:2px solid #fff3;width:7%;position:absolute;top:32%;bottom:32%}.goal-area.home{border-left:none;left:0}.goal-area.away{border-right:none;right:0}.players-layer{position:absolute;inset:5%}.player-node{z-index:2;pointer-events:auto;flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.player-circle{border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px 10px #00000080,inset 0 0 10px #fff3}.player-node:hover{z-index:10}.player-node:hover .player-circle{transform:scale(1.15)translateY(-4px);box-shadow:0 8px 20px #0009}.player-node.home .player-circle{color:#1a1a1a;background:linear-gradient(135deg,#fff,#d4d4d4)}.player-node.away .player-circle{color:#fff;background:linear-gradient(135deg,#2ecc71,#27ae60)}.player-num{letter-spacing:-.02em;font-size:.95rem;font-weight:900}.player-name{text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:0 1px 3px #000c;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #ffffff1a;border-radius:4px;padding:2px 10px;font-size:.75rem;font-weight:700}.pitch-loading{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.list-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.list-logo{object-fit:contain;width:32px;height:32px}.list-header h3{font-size:1.1rem;font-weight:800}.list-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);opacity:.8;border-bottom:1px solid #ffffff0d;padding:.75rem .5rem .4rem;font-size:.65rem;font-weight:800}.list-section-label.subs{color:#ff9800}@media (width<=768px){.player-circle{width:30px;height:30px;font-size:.7rem}}.watch-page{padding:1rem 0 4rem}.watch-container{flex-direction:column;gap:2.5rem;max-width:1200px;margin:0 auto;display:flex}.player-section{border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);background:#000;position:relative;overflow:hidden}.player-aspect-wrapper{aspect-ratio:16/9;background:#000;width:100%}.player-container{width:100%;height:100%}.player-container iframe{border:none;width:100%;height:100%}.no-stream{width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.icon-glow{color:var(--primary);filter:drop-shadow(0 0 15px var(--primary-glow))}.player-info-bar{background:#ffffff08;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.server-selector{align-items:center;gap:1.5rem;display:flex}.server-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.server-pills{gap:.75rem;display:flex}.server-pill{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.server-pill.active{background:var(--primary);border-color:var(--primary);color:#0d2112;box-shadow:0 0 15px var(--primary-glow)}.pill-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.quality-tag{opacity:.6;background:#0003;border-radius:4px;padding:.1rem .4rem;font-size:.65rem}.watch-actions{gap:1rem;display:flex}.action-pill{color:#fff;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:100px;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;display:flex}.action-pill.favorite.active{color:#ff3b30;background:#ff3b300d;border-color:#ff3b3033}.match-identity{margin-top:2rem}.match-score-section{background:var(--surface);border:1px solid #ffffff0d;border-radius:24px;justify-content:space-between;align-items:center;padding:3rem;display:flex}.team-info{flex-direction:column;flex:1;align-items:center;gap:1.5rem;display:flex}.team-logo-container{background:#0003;border:1px solid #ffffff0d;border-radius:24px;justify-content:center;align-items:center;width:100px;height:100px;padding:1.25rem;display:flex}.team-logo-container img{object-fit:contain;width:100%;height:100%}.team-name-short{color:#fff;text-align:center;font-size:1.5rem;font-weight:800}.score-center{flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex}.match-status-pill{letter-spacing:.1em;font-size:.75rem;font-weight:900}.live-pill{color:#ff3b30;background:#ff3b301a;border-radius:100px;align-items:center;gap:.6rem;padding:.4rem 1rem;display:flex}.live-pill .dot{background:#ff3b30;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot}.finished-pill{color:var(--text-muted);background:#ffffff0d;border-radius:100px;padding:.4rem 1rem}.main-score{color:#fff;align-items:center;gap:1.5rem;font-size:4.5rem;font-weight:900;line-height:1;display:flex}.score-separator{color:var(--text-muted);opacity:.3}.match-league-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:1rem;font-weight:700}.match-details-grid{width:100%;max-width:1200px;margin-top:3rem;margin-left:auto;margin-right:auto}.tabs-header{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;padding:.8rem 2rem;font-weight:700;transition:all .3s}.tab-btn:hover{color:#fff;background:#ffffff14}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 15px var(--primary-glow)}.intelligence-card{border-radius:24px;padding:2.5rem}.card-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.card-header h3{color:#fff;font-size:1.25rem;font-weight:800}.prediction-text{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.7}.form-indicator{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.form-group{background:#0003;border:1px solid #ffffff08;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.form-group .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.form-group .value{color:#fff;font-size:1.25rem;font-weight:800}:root{--background:#194d20;--surface:#194d20f2;--primary:#1dc734;--primary-glow:#1dc75466;--accent-red:brown;--accent-orange:#ff8c00;--text:#fff;--text-muted:#fff9;--glass:#ffffff0d;--glass-border:#ffffff1a;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-premium:0 10px 40px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% 0,#1e5c26 0%,#194d20 100%) fixed;min-height:100vh;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.app{flex-direction:column;min-height:100vh;display:flex}.main-container{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}a{color:inherit;text-decoration:none;transition:all .3s}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-effect{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}