@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_9edc4f9a-module__h4ISCa__className{font-family:Outfit,Outfit Fallback;font-style:normal}
:root{--bg-main:#070913;--bg-card:#0f162a73;--bg-card-hover:#1e293b99;--border-color:#ffffff14;--border-focus:#6366f166;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#6366f1;--primary-glow:#6366f126;--secondary:#06b6d4;--accent:#f43f5e;--live-color:#10b981;--premium-color:#f59e0b;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #3b82f6 50%, #06b6d4 100%);--gradient-premium:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-dark:linear-gradient(180deg, #0b1120 0%, #070913 100%);--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 32px #0000004d;--shadow-glow:0 0 25px #6366f140;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;height:100%}body{min-height:100%;color:var(--text-primary);background:var(--bg-main);background-image:radial-gradient(at 0% 0%, #6366f11f 0px, transparent 50%), radial-gradient(at 100% 100%, #06b6d41a 0px, transparent 50%), var(--gradient-dark);font-feature-settings:"cv02", "cv03", "cv04", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}a{color:inherit;transition:var(--transition);text-decoration:none}.layout-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1 0 auto;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.navbar{z-index:100;-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--border-color);transition:var(--transition);background:#070913bf;padding:1rem 1.5rem;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.brand-link{letter-spacing:-.05em;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;transition:opacity .2s;display:flex}.brand-link:hover{opacity:.9}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.95rem;font-weight:500}.nav-item:hover,.nav-item.active{color:var(--text-primary);background:#ffffff0d}.nav-auth-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #6366f133}.nav-auth-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f159}.nav-user-badge{border:1px solid var(--border-color);background:#ffffff08;border-radius:9999px;align-items:center;gap:.75rem;padding:.4rem 1rem;font-size:.85rem;display:flex}.user-premium-tag{background:var(--gradient-premium);color:#070913;text-transform:uppercase;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.logout-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.85rem;font-weight:600;transition:opacity .2s}.logout-btn:hover{opacity:.8}.hero-section{text-align:center;margin-bottom:3rem;position:relative}.hero-glow{background:var(--primary);filter:blur(100px);opacity:.25;pointer-events:none;width:300px;height:120px;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.main-title{letter-spacing:-.04em;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:3rem;font-weight:850;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.15rem}.league-tabs{scrollbar-width:none;gap:.75rem;margin-bottom:2.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.league-tabs::-webkit-scrollbar{display:none}.tab-link{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;border-radius:9999px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.tab-link:hover{border-color:var(--text-muted);color:var(--text-primary);transform:translateY(-1px)}.tab-link.active{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 4px 14px #6366f140}.match-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}.match-card{background:var(--bg-card);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);grid-template-columns:1.5fr 1fr 1.5fr;align-items:center;padding:1.5rem;display:grid;position:relative;overflow:hidden}.match-card:before{content:"";pointer-events:none;opacity:0;width:100%;height:100%;transition:var(--transition);background:linear-gradient(135deg,#6366f10d 0%,#0000 100%);position:absolute;top:0;left:0}.match-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-glow), var(--shadow-md);transform:translateY(-3px)scale(1.005)}.match-card:hover:before{opacity:1}.team-container{align-items:center;gap:1rem;display:flex}.team-container.home{text-align:right;justify-content:flex-end}.team-container.away{text-align:left;justify-content:flex-start}.team-logo-wrapper{border:1px solid var(--border-color);width:48px;height:48px;box-shadow:var(--shadow-sm);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.team-logo{object-fit:cover;border-radius:50%}.team-name{letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.match-center{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.score-display{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffff08;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.score-num{letter-spacing:-.05em;color:#fff;font-family:monospace;font-size:1.75rem;font-weight:800}.score-divider{color:var(--text-muted);font-size:1.2rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge.live{color:var(--live-color);background:#10b98126;border:1px solid #10b9814d}.status-badge.live:before{content:"";background-color:var(--live-color);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot}.status-badge.finished{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff0d}.status-badge.scheduled{color:var(--primary);background:#6366f11a;border:1px solid #6366f133}.local-time{color:var(--text-secondary);font-size:.85rem;font-weight:600}.utc-time-fallback{color:var(--text-muted);font-size:.85rem;font-weight:600}.channels-container{color:var(--secondary);flex-direction:column;align-items:center;gap:.2rem;margin-top:.4rem;font-size:.8rem;font-weight:600;display:flex}.channel-tag{background:#06b6d414;border:1px solid #06b6d426;border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.premium-blur-overlay{-webkit-backdrop-filter:blur(8px);z-index:10;opacity:.95;background:#070913cc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.premium-blur-content{text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:400px;padding:1.5rem;display:flex}.premium-icon-glow{background:var(--gradient-premium);color:#070913;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex;box-shadow:0 0 15px #f59e0b4d}.premium-blur-title{color:#fff;font-size:1.1rem;font-weight:700}.premium-blur-text{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.premium-btn{background:var(--gradient-premium);color:#070913;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #f59e0b33}.premium-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.premium-paywall-banner{background:var(--bg-card);border:1px solid var(--premium-color);border-radius:var(--radius-md);background-image:radial-gradient(at 100% 0,#f59e0b14 0,#0000 50%);justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:1.5rem;display:flex}.banner-left{align-items:center;gap:1rem;display:flex}.banner-title{color:#fff;margin-bottom:.25rem;font-size:1.15rem;font-weight:700}.banner-description{color:var(--text-secondary);font-size:.85rem}.auth-wrapper{width:100%;max-width:440px;margin:4rem auto}.auth-card{background:var(--bg-card);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);font-size:.9rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#fff;transition:var(--transition);background:#ffffff08;outline:none;width:100%;padding:.8rem 1rem;font-size:.95rem}.form-input:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 3px #6366f126}.auth-submit-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;margin-top:.5rem;padding:.9rem;font-size:1rem;font-weight:700;box-shadow:0 4px 12px #6366f133}.auth-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.85rem}.auth-footer-link{color:var(--primary);font-weight:600}.auth-footer-link:hover{text-decoration:underline}.error-message{color:#fb7185;border-radius:var(--radius-sm);background:#f43f5e1a;border:1px solid #f43f5e4d;padding:.75rem 1rem;font-size:.85rem;font-weight:500}.success-message{color:#34d399;border-radius:var(--radius-sm);background:#10b9811a;border:1px solid #10b9814d;padding:.75rem 1rem;font-size:.85rem;font-weight:500}.empty-state{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;color:var(--text-secondary);padding:3rem}.empty-state-title{color:#fff;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);background:#07091380;width:100%;padding:2rem 1.5rem;font-size:.85rem}.footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 5px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@media (max-width:768px){.match-card{text-align:center;grid-template-columns:1fr;gap:1.5rem;padding:1.25rem}.team-container.home{text-align:center;flex-direction:column-reverse;justify-content:center}.team-container.away{text-align:center;flex-direction:column;justify-content:center}.main-title{font-size:2.25rem}.premium-paywall-banner{text-align:center;flex-direction:column;gap:1.25rem}.banner-left{flex-direction:column}.footer-inner{flex-direction:column;gap:1rem}}