html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #1a1d21;--bg-card: #252a30;--bg-sidebar: #2a3036;--text-primary: #ffffff;--text-secondary: #b0b8c4;--text-muted: #6b7280;--accent-blue: #3b82f6;--accent-green: #22c55e;--border-color: #374151;--star-color: #fbbf24}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5}.header{padding:12px 24px;background-color:var(--bg-dark);display:flex;align-items:center;justify-content:space-between}.header-filter-btn{display:none}.filter-icon-wrap{position:relative;width:16px;height:16px;flex-shrink:0}.icon-hamburger,.icon-close{position:absolute;inset:0;width:16px;height:16px;transition:opacity .25s ease-in-out,transform .25s ease-in-out}.icon-close{opacity:0;transform:rotate(-45deg) scale(.6)}.header-filter-btn.open .icon-hamburger{opacity:0;transform:rotate(45deg) scale(.6)}.header-filter-btn.open .icon-close{opacity:1;transform:rotate(0) scale(1)}.filter-close-btn{display:none}.filter-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.filter-backdrop.open{display:block}.logo{display:flex;align-items:center;gap:8px}.logo-icon{width:32px;height:32px;color:var(--accent-green)}.logo-icon svg{width:100%;height:100%}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-line1,.logo-line2{font-size:10px;font-weight:600;color:var(--text-secondary);letter-spacing:1px}.hero{position:relative;height:350px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url(images/banner.png) center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#1a1d214d,#1a1d21cc)}.hero-content{position:relative;z-index:1;text-align:center;padding:0 20px}.hero-title{font-size:28px;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:1px}.search-box{position:relative;max-width:500px;margin:0 auto 16px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted)}.search-box input{width:100%;padding:14px 16px 14px 48px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out}.search-box input::placeholder{color:var(--text-muted);transition:color .25s ease-in-out}.search-box input:focus{background-color:#ffffff1f;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f640,0 0 16px #3b82f626}.search-box input:focus::placeholder{color:transparent}.hero-subtitle{font-size:14px;color:var(--text-secondary)}.main-content{padding:30px 24px}.content-wrapper{display:flex;gap:24px;max-width:1200px;margin:0 auto}.cards-section{flex:1}.section-title{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:20px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@keyframes rippleSpread{0%{transform:scale(0);opacity:.4}to{transform:scale(1);opacity:0}}.ripple{position:absolute;border-radius:50%;background:#ffffff47;animation:rippleSpread .52s ease-out forwards;pointer-events:none;z-index:1}@keyframes cardReveal{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}.card{background-color:var(--bg-card);border-radius:12px;padding:16px;border:1px solid var(--border-color);opacity:0;transition:transform .25s ease-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out,z-index 0s;display:flex;flex-direction:column;position:relative;z-index:1}.card.revealed{animation:cardReveal .55s ease both}.card:hover{transform:scale(1.04);border-color:var(--accent-blue);box-shadow:0 12px 36px #00000073,0 0 0 1px var(--accent-blue),0 0 16px #3b82f62e;z-index:100}.card-sports-wrapper{position:relative;display:inline-block;width:100%;margin-top:auto}.card-sports{display:flex;flex-wrap:wrap;gap:4px;z-index:10;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%) translate(-10px);background-color:var(--bg-sidebar);padding:8px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000080;width:max-content;max-width:280px;min-width:150px;justify-content:flex-start;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}.card-sports:after{content:"";position:absolute;top:50%;left:-6px;transform:translateY(-50%) rotate(-45deg);width:10px;height:10px;background-color:var(--bg-sidebar);border-top:1px solid var(--border-color);border-left:1px solid var(--border-color)}.card:hover .card-sports,.card-btn:hover+.card-sports{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.sport-tag{font-size:10px;padding:4px 8px;background:#3b82f61f;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:var(--accent-blue);white-space:nowrap}.card-logo{height:50px;display:flex;align-items:center;margin-bottom:12px}.image-logo img{height:36px;width:auto;object-fit:contain;display:block}.dazn-logo{justify-content:flex-start}.dazn-box{border:2px solid white;padding:4px 8px;font-size:14px;font-weight:700;line-height:1.2;text-align:center}.tnt-logo{align-items:center;gap:8px}.tnt-circle{background:linear-gradient(135deg,#e91e63,#9c27b0);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.tnt-text{font-size:18px;font-weight:700;color:var(--text-primary)}.sky-logo{flex-direction:column;align-items:flex-start;justify-content:center;gap:0}.sky-text1{font-size:24px;font-weight:300;color:var(--text-primary);line-height:1}.sky-text2{font-size:18px;font-weight:700;color:#e53935;line-height:1}.eurosport-logo{align-items:center;gap:6px}.euro-icon{font-size:20px;color:var(--text-primary)}.euro-text{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:1px}.espn-logo{align-items:center;gap:2px}.espn-text{font-size:22px;font-weight:900;color:var(--text-primary);font-style:italic}.espn-plus{font-size:24px;font-weight:700;color:#ff9800}.paramount-logo{flex-direction:column;align-items:flex-start;gap:4px}.paramount-mountain{width:30px;height:22px;color:#42a5f5}.paramount-mountain svg{width:100%;height:100%}.paramount-text{font-size:12px;font-weight:500;color:#42a5f5;font-style:italic}.card-name{font-size:13px;font-weight:600;margin-bottom:6px}.card-desc,.card-features,.card-quality{font-size:11px;color:var(--text-secondary);line-height:1.4}.card-rating{margin:10px 0}.star{color:var(--star-color);font-size:14px}.card-btn{display:block;box-sizing:border-box;text-align:center;text-decoration:none;width:100%;padding:10px;margin-top:auto;position:relative;overflow:hidden;background-color:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out,box-shadow .25s ease-in-out,transform .2s ease-out}.card-btn:hover{background-color:#2563eb;box-shadow:0 4px 14px #3b82f673;transform:translateY(-1px)}.card-btn:active{transform:translateY(0);box-shadow:none}.sidebar{width:240px;flex-shrink:0}.sidebar-title{font-size:16px;font-weight:500;margin-bottom:16px}.filter-section{background-color:var(--bg-sidebar);border-radius:12px;padding:16px;margin-bottom:20px}.filter-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:16px}.filter-group{margin-bottom:16px}.filter-category{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sport-icon{width:16px;height:16px;border-radius:50%;display:inline-block;flex-shrink:0;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.filter-group:has(input:checked) .sport-icon{box-shadow:0 0 0 2px #fff3,0 0 8px #3b82f68c;transform:scale(1.15)}.sport-icon.football{background-color:#8bc34a}.sport-icon.basketball{background-color:#ff9800}.sport-icon.tennis{background-color:#ffeb3b}.sport-icon.racing,.sport-icon.racing2{background-color:#e53935}.category-name{font-size:12px;font-weight:600}@keyframes checkPop{0%{transform:scale(1)}35%{transform:scale(1.5)}65%{transform:scale(.82)}to{transform:scale(1)}}.filter-item{display:flex;align-items:center;gap:8px;padding:5px 6px 5px 20px;cursor:pointer;font-size:12px;color:var(--text-secondary);border-radius:6px;transition:background-color .2s ease-in-out,color .2s ease-in-out}.filter-item:hover{background-color:#3b82f614;color:var(--text-primary)}.filter-item:has(input:checked) span{color:var(--accent-blue)}.filter-item input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent-blue);flex-shrink:0}.filter-item input[type=checkbox]:checked{animation:checkPop .32s ease}.footer-note{text-align:center;padding:30px 20px;border-top:1px solid var(--border-color);margin-top:20px}.footer-links-inline{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:12px}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:color .2s ease-in-out}.footer-link:hover{color:var(--text-primary)}.footer-separator{color:var(--border-color);font-size:14px}.footer-note p{font-size:11px;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:999;display:none;backdrop-filter:blur(4px)}.modal-overlay.active{display:block}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background-color:var(--bg-card);width:90%;max-width:500px;border-radius:12px;border:1px solid var(--border-color);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}.modal.active{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-title{font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;transition:color .2s ease-in-out}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px;font-size:14px;color:var(--text-secondary);line-height:1.6}.modal-body p{margin-bottom:16px}.modal-body p:last-child{margin-bottom:0}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:12px;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;transition:border-color .25s ease-in-out}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-blue)}.modal-submit-btn{width:100%;padding:12px;background-color:var(--accent-blue);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out;margin-top:8px}.modal-submit-btn:hover{background-color:#2563eb}.contact-success{margin-top:16px;padding:12px;background-color:#22c55e1a;border:1px solid var(--accent-green);border-radius:8px;color:var(--accent-green);text-align:center;font-size:14px;font-weight:500}@keyframes appgateOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes appgateModalIn{0%{opacity:0;transform:scale(.88) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes appgateLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}@keyframes appgateSweep{0%{transform:translate(-100%) skew(-12deg)}to{transform:translate(500%) skew(-12deg)}}@keyframes appgateTopGlow{0%,to{opacity:.4}50%{opacity:1}}@keyframes appgateOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}@keyframes appgateReopenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.appgate-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;animation:appgateOverlayIn .35s ease-out forwards}.appgate-overlay.hidden{display:none}.appgate-overlay.dismissing{animation:appgateOut .28s ease-in forwards;pointer-events:none}.appgate-modal{position:relative;width:100%;max-width:580px;max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-width:none;background:linear-gradient(150deg,#1e2329,#252a30 55%,#1a1d21);border:1px solid rgba(34,197,94,.28);border-radius:20px;box-shadow:0 0 0 1px #22c55e14,0 30px 60px #000000bf,0 0 80px #22c55e0d,inset 0 1px #ffffff0f;animation:appgateModalIn .5s cubic-bezier(.34,1.56,.64,1) .08s both}.appgate-modal::-webkit-scrollbar{display:none}.appgate-modal:before{content:"";position:absolute;inset:0;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);animation:appgateSweep 3.5s ease-in-out .7s infinite;pointer-events:none;z-index:1}.appgate-modal:after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(34,197,94,.7),transparent);animation:appgateTopGlow 2.2s ease-in-out infinite;z-index:2}.appgate-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:320px;height:320px;background:radial-gradient(ellipse,rgba(34,197,94,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.appgate-header{position:relative;z-index:3;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;gap:12px}.appgate-modal-title{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase;line-height:1;margin-bottom:4px}.appgate-modal-sub{font-size:11px;color:var(--text-muted)}.appgate-live-badge{display:flex;align-items:center;gap:6px;background:#ef44441a;border:1px solid rgba(239,68,68,.28);color:#f87171;padding:5px 11px;border-radius:20px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;flex-shrink:0}.appgate-live-dot{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:appgateLivePulse 1.1s ease-in-out infinite;flex-shrink:0}.appgate-tabs{position:relative;z-index:3;display:flex;border-bottom:1px solid rgba(255,255,255,.06)}.appgate-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text-muted);font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:color .2s ease,border-color .2s ease}.appgate-tab:hover{color:var(--text-secondary)}.appgate-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-green)}.appgate-tab-logo{width:30px;height:30px;object-fit:contain;border-radius:5px}.appgate-tab-pane{display:none;position:relative;z-index:3;padding:20px 24px 22px}.appgate-tab-pane.active{display:block}.appgate-app-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-bottom:18px}.appgate-app-logo{width:42px;height:42px;object-fit:contain;border-radius:10px;flex-shrink:0}.appgate-app-meta{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.appgate-app-name{font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:.5px;line-height:1}.appgate-app-platform{font-size:10px;color:var(--text-muted)}.appgate-store-btn{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:9px;text-decoration:none;flex-shrink:0;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out}.appgate-apple{background:linear-gradient(135deg,#1c1c1e,#2a2a2c);border:1px solid rgba(255,255,255,.1);width:130px;}.appgate-apple:hover{border-color:#ffffff47;transform:translateY(-1px);box-shadow:0 6px 18px #0006}.appgate-google{background:none!important;border:none!important;padding:0!important}.appgate-google:hover{transform:translateY(-1px);box-shadow:none!important}.appgate-store-badge-img{height:44px;width:auto;display:block;border-radius:6px}.appgate-store-icon{width:18px;height:18px;flex-shrink:0}.appgate-apple .appgate-store-icon{color:#e8e8e8}.appgate-google .appgate-store-icon{color:var(--accent-green)}.appgate-store-text{display:flex;flex-direction:column;line-height:1}.appgate-store-label{font-family:Plus Jakarta Sans,sans-serif;font-size:8px;color:#ffffff80;letter-spacing:.2px;margin-bottom:2px}.appgate-store-name{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;color:#fff;letter-spacing:.3px}.appgate-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;counter-reset:appgate-step}.appgate-steps li{counter-increment:appgate-step;display:flex;align-items:flex-start;gap:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;color:var(--text-secondary);line-height:1.55}.appgate-steps li:before{content:counter(appgate-step);min-width:22px;height:22px;background:#22c55e1a;border:1px solid rgba(34,197,94,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;color:var(--accent-green);flex-shrink:0;margin-top:1px}.appgate-steps strong{color:var(--text-primary);font-weight:600}.appgate-domain{display:inline-flex;align-items:center;background:#22c55e1a;border:1px solid rgba(34,197,94,.28);color:var(--accent-green);padding:1px 7px;border-radius:4px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px}.appgate-skip{position:relative;z-index:3;padding:12px 24px 16px;text-align:center;border-top:1px solid rgba(255,255,255,.04)}.appgate-skip-btn{background:none;border:none;color:var(--text-muted);font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;padding:6px 14px;border-radius:6px;transition:color .2s ease,background-color .2s ease}.appgate-skip-btn:hover{color:var(--text-secondary);background-color:#ffffff0d}@keyframes appgatePulse{0%{box-shadow:0 0 #ff620073}70%{box-shadow:0 0 0 14px #ff620000}to{box-shadow:0 0 #ff620000}}.appgate-skip-btn.highlight{background-color:#ff5e00;color:#fff;font-weight:700;font-size:13px;padding:11px 26px;border-radius:9px;text-decoration:none;display:inline-block;border:none;transition:background-color .25s ease,transform .25s ease,color .25s ease;animation:appgatePulse 2s infinite}.appgate-skip-btn.highlight:hover{background-color:#ff781c;color:#fff;transform:translateY(-2px)}.appgate-reopen-btn{position:fixed;bottom:24px;right:24px;z-index:500;display:flex;align-items:center;gap:7px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:40px;color:var(--text-secondary);font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #0006;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;animation:appgateReopenIn .35s ease-out both}.appgate-reopen-btn svg{width:14px;height:14px;flex-shrink:0;color:var(--accent-green)}.appgate-reopen-btn:hover{color:var(--text-primary);border-color:#22c55e59;box-shadow:0 6px 22px #00000080,0 0 0 1px #22c55e1f;transform:translateY(-2px)}@keyframes loadingSpin{to{transform:rotate(360deg)}}@keyframes loadingFadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes loadingFadeOut{0%{opacity:1}to{opacity:0}}.loading-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .25s ease}.loading-overlay.active{opacity:1;pointer-events:auto}.loading-overlay.hiding{animation:loadingFadeOut .3s ease forwards;pointer-events:none}.loading-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:36px 40px;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:240px;max-width:320px;width:100%;animation:loadingFadeIn .25s ease both}.loading-spinner-wrap{width:48px;height:48px}.loading-spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:loadingSpin .8s linear infinite}.loading-error-icon{width:48px;height:48px;color:#ef4444;display:none}.loading-error-icon svg{width:100%;height:100%}.loading-overlay.error .loading-spinner-wrap{display:none}.loading-overlay.error .loading-error-icon{display:block}.loading-text{font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;color:var(--text-primary);margin:0;text-align:center}.loading-subtext{font-family:Plus Jakarta Sans,sans-serif;font-size:12px;color:var(--text-secondary);margin:0;text-align:center;line-height:1.5}@media(max-width:1024px){.header-filter-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .2s ease-in-out}.header-filter-btn:hover{background-color:var(--border-color)}.header-filter-btn svg{width:16px;height:16px;flex-shrink:0}.sidebar{display:contents}.sidebar-title,.footer-section{display:none}.filter-section{position:fixed;top:0;right:0;bottom:0;width:280px;background-color:var(--bg-sidebar);z-index:100;padding:20px 16px;overflow-y:auto;transform:translate(100%);transition:transform .3s ease-in-out;box-shadow:-4px 0 24px #0006}.filter-section.open{transform:translate(0)}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.filter-title{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:0;padding-bottom:0;border-bottom:none}.filter-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background-color .2s ease-in-out,color .2s ease-in-out}.filter-close-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.filter-close-btn svg{width:14px;height:14px}.cards-grid{grid-template-columns:repeat(2,1fr)}.card-sports{position:static;transform:none;width:100%;max-width:none;box-shadow:none;border:none;background-color:transparent;padding:0;max-height:0;overflow:hidden;opacity:0;margin-top:0;visibility:hidden;transition:max-height .35s ease-in-out,opacity .3s ease-in-out,margin-top .3s ease-in-out,visibility .35s;pointer-events:auto}.card-sports:after{display:none}.card:hover .card-sports,.card:focus-within .card-sports,.card:active .card-sports,.card-btn:hover+.card-sports,.card-btn:focus+.card-sports{max-height:80px;opacity:1;visibility:visible;margin-top:8px;transform:none}.hero{height:260px}.hero-bg{background-position:center top}.hero-overlay{background:linear-gradient(to bottom,#1a1d2126,#1a1d21b3)}.hero-title{font-size:24px}}@media(max-width:480px){.appgate-modal{border-radius:16px}.appgate-header{padding:16px 18px 13px}.appgate-modal-title{font-size:18px}.appgate-tab{padding:10px 12px;font-size:11px}.appgate-tab-pane{padding:16px 18px 18px}.appgate-app-row{gap:10px;padding:10px}.appgate-app-logo{width:36px;height:36px}.appgate-store-btn{padding:8px 10px}.appgate-store-name{font-size:12px}.appgate-skip{padding:10px 18px 14px}.appgate-reopen-btn{bottom:16px;right:16px;padding:9px 14px;font-size:11px}}@media(max-width:576px){.filter-section{width:100%}.cards-grid{grid-template-columns:1fr}.hero{height:200px}.hero-overlay{background:linear-gradient(to bottom,#1a1d211a,#1a1d21a6)}.hero-title{font-size:20px}.hero-subtitle{font-size:12px}.search-box input{font-size:13px;padding:11px 14px 11px 42px}.main-content{padding:20px 16px}.card-sports{position:static;transform:none;width:100%;max-width:none;box-shadow:none;border:none;background-color:transparent;padding:0;margin-bottom:0;display:flex;flex-wrap:wrap;gap:4px;z-index:10;max-height:0;overflow:hidden;opacity:0;margin-top:0;visibility:hidden;transition:max-height .35s ease-in-out,opacity .3s ease-in-out,margin-top .3s ease-in-out,visibility .35s;pointer-events:auto}.card-sports:after{display:none}.card:hover .card-sports,.card:focus-within .card-sports,.card:active .card-sports,.card-btn:hover+.card-sports,.card-btn:focus+.card-sports{max-height:80px;opacity:1;visibility:visible;margin-top:8px;transform:none}}