.spinner-bokeh-overlay.active,.spinner-panel.open{opacity:1;visibility:visible}body,html{overflow-x:hidden}.btn,.filter-chip,.logo,.odds-ribbon,.sidebar-nav-item{white-space:nowrap}.header-icon-btn,.mobile-nav-item,.odd-btn,.spinner-toggle,body{-webkit-tap-highlight-color:transparent}.bet-slip-empty,.footer,.hero-odds-box,.hero-slide,.match-time,.notif-empty,.odd-btn,.spinner-footer,.spinner-header,.spinner-result,.stat-card{text-align:center}.btn,.footer-links a,.header-icon-btn,.logo,.mobile-nav-item,.notif-item,.sidebar-nav-item{text-decoration:none}.header-search-wrap{display:flex;align-items:center;gap:8px;background:#f0f1f4;border:2px solid transparent;border-radius:50px;padding:6px 14px;flex:1;max-width:380px;min-width:0;transition:.25s;position:relative}.header-search-wrap:focus-within{background:#fff;border-color:#093;box-shadow:0 0 0 4px rgba(0,153,51,.08)}.header-search-icon{width:17px;height:17px;flex-shrink:0;color:#8e8e9a;transition:color .2s}.header-search-wrap:focus-within .header-search-icon{color:#093}.header-search-wrap input{flex:1;border:none;background:0 0;font-family:Inter,sans-serif;font-size:.8rem;color:#1a1a2e;outline:0;min-width:0;padding:4px 0}.header-search-wrap input::placeholder{color:#8e8e9a;font-weight:400}.header-search-clear{background:0 0;border:none;cursor:pointer;padding:2px;color:#8e8e9a;flex-shrink:0;display:flex;align-items:center;transition:color .2s}.header-search-clear:hover{color:#1a1a2e}.standalone-search-bar{width:100%;background:0 0;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.standalone-search-inner{position:relative;max-width:100%;margin:0 auto;display:flex;align-items:center;background:#fff;border:2px solid transparent;border-radius:50px;overflow:hidden;transition:border-color .2s}.standalone-search-inner:focus-within{border-color:#093;box-shadow:0 0 0 4px rgba(0,153,51,.08)}.standalone-search-icon{position:absolute;left:14px;width:18px;height:18px;color:#8e8e9a;pointer-events:none}.standalone-search-inner:focus-within .standalone-search-icon{color:#093}.standalone-search-bar input{width:100%;padding:14px 44px;background:0 0;border:none;color:#1a1a2e;font-size:.95rem;font-family:Inter,sans-serif;outline:0}.standalone-search-bar input::placeholder{color:#8e8e9a}.standalone-search-clear{position:absolute;right:10px;background:0 0;border:none;color:#8e8e9a;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s}.hero-slide,.hero-slider{position:relative;border-radius:20px}.standalone-search-clear:hover{background:rgba(0,0,0,.05);color:#1a1a2e}.hero-slider{width:100%;height:160px;overflow:hidden;margin-bottom:20px;user-select:none;-webkit-user-select:none}.notif-list,body{-webkit-overflow-scrolling:touch}.hero-slides-wrapper{display:flex;height:100%;transition:transform .5s cubic-bezier(.4, 0, .2, 1);will-change:transform}.hero-slide{min-width:100%;height:160px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;opacity:.4;transition:opacity .5s}.hero-arrow,.notif-item.unread::before{position:absolute;top:50%;transform:translateY(-50%)}.hero-slide.active,.hero-slider:hover .hero-arrow{opacity:1}.hero-slide .hero-content{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 60px}.hero-slide .hero-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0;line-height:1.2;letter-spacing:-.01em;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-slide .hero-title .gold-text{color:#f0d078}.hero-slide .hero-subtitle{font-size:.82rem;color:rgba(255,255,255,.75);margin:0;font-weight:400;text-shadow:0 1px 4px rgba(0,0,0,.4)}.hero-arrow{width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:.3s;opacity:0}.hero-arrow:hover{background:rgba(0,0,0,.6);border-color:rgba(255,255,255,.25);transform:translateY(-50%) scale(1.1)}.hero-arrow:active{transform:translateY(-50%) scale(.95)}.hero-arrow-left{left:10px}.hero-arrow-right{right:10px}@media (max-width:768px){.header-search-wrap{display:none!important}.standalone-search-bar{padding:8px 12px;border-bottom:none;margin-bottom:0}.main-wrapper{padding-top:0!important}.inner-card,.outer-container{padding-top:0}.inner-card{margin-top:0}.hero-slide,.hero-slider{height:140px;border-radius:16px}.hero-slide .hero-content{padding:0 44px;gap:3px}.hero-slide .hero-title{font-size:1.15rem}.hero-slide .hero-subtitle{font-size:.72rem}.hero-arrow{width:28px;height:28px;opacity:1}.hero-arrow svg{width:18px;height:18px}.hero-arrow-left{left:6px}.hero-arrow-right{right:6px}}.notif-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:10000;display:none;justify-content:flex-end}.header-icon-btn.notification-btn,.notif-item,.notification-btn{position:relative}.notif-overlay.active{display:flex}.notif-panel{width:100%;max-width:420px;height:100vh;height:100dvh;background:#0a0e17;border-left:1px solid #1a1f2e;display:flex;flex-direction:column;animation:.3s notifSlideIn;box-shadow:-10px 0 40px rgba(0,0,0,.6)}@keyframes notifSlideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid #1a1f2e;flex-shrink:0}.notif-header-left{display:flex;align-items:center;gap:.6rem}.notif-header-icon{width:36px;height:36px;background:rgba(212,168,83,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#f0d078;font-size:1.1rem}.notif-header-title{font-weight:700;font-size:.95rem;color:#fff}.notif-header-count{font-size:.7rem;color:#7c8290;background:#111620;padding:.2rem .6rem;border-radius:50px}.notif-action-btn,.notif-close-btn{background:0 0;color:#7c8290;transition:.2s;cursor:pointer}.notif-close-btn{width:34px;height:34px;border-radius:50%;border:1px solid #1a1f2e;display:flex;align-items:center;justify-content:center;padding:0;font-size:1.1rem}.notif-close-btn:hover{color:#fff;border-color:#e63946}.notif-actions{display:flex;gap:.5rem;padding:.8rem 1.5rem;border-bottom:1px solid #111620;flex-shrink:0}.notif-action-btn{font-size:.7rem;font-weight:600;padding:.4rem .8rem;border-radius:50px;border:1px solid #1a1f2e;font-family:Inter,sans-serif}.notif-action-btn:hover{border-color:#d4a853;color:#f0d078}.notif-list{flex:1;overflow-y:auto;padding:.5rem 0}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-thumb{background:#1a1f2e;border-radius:2px}.notif-item{display:flex;gap:.8rem;padding:1rem 1.5rem;border-bottom:1px solid #111620;cursor:pointer;transition:background .2s;color:inherit}.notif-item:hover{background:rgba(255,255,255,.015)}.notif-item.unread{background:rgba(212,168,83,.03)}.notif-item.unread::before{content:'';left:0;width:3px;height:60%;background:#d4a853;border-radius:0 3px 3px 0}.notif-item-icon{width:40px;height:40px;min-width:40px;border-radius:10px;background:#111620;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.main-content,.notif-item-body{flex:1;min-width:0}.notif-item-title{font-weight:600;font-size:.82rem;color:#e8e6e3;margin-bottom:.2rem;line-height:1.3}.notif-item.unread .notif-item-title{color:#fff}.notif-item-message{font-size:.72rem;color:#7c8290;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-time{font-size:.6rem;color:#5a606e;margin-top:.35rem}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#7c8290}.notif-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.notif-empty-text{font-size:.85rem;font-weight:500}.notif-empty-sub{font-size:.7rem;margin-top:.3rem;opacity:.7}.notif-loading{display:flex;align-items:center;justify-content:center;padding:3rem}.notif-spinner{width:28px;height:28px;border:2px solid #1a1f2e;border-top-color:#d4a853;border-radius:50%;animation:.7s linear infinite notifSpin}@keyframes notifSpin{to{transform:rotate(360deg)}}.notif-bell-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;background:#e63946;color:#fff;font-size:.55rem;font-weight:800;border-radius:50px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 0 3px #05080f;animation:2s infinite notifBadgePulse;pointer-events:none}@keyframes notifBadgePulse{0%,100%{box-shadow:0 0 0 0 rgba(230,57,70,.4)}50%{box-shadow:0 0 0 8px rgba(230,57,70,0)}}.content-with-sidebar{display:flex;gap:24px;max-width:1200px;margin:0 auto;width:100%}.sidebar-nav{width:220px;flex-shrink:0;position:sticky;top:80px;align-self:flex-start;max-height:calc(100vh - 100px);display:flex;flex-direction:column;background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.04);overflow:hidden}.sidebar-nav-inner{display:flex;flex-direction:column;gap:3px;padding:16px 10px;overflow-y:auto;height:100%;scrollbar-width:thin;scrollbar-color:#d0d0d8 transparent}.sidebar-nav-inner::-webkit-scrollbar{width:4px}.sidebar-nav-inner::-webkit-scrollbar-track{background:0 0}.sidebar-nav-inner::-webkit-scrollbar-thumb{background:#d0d0d8;border-radius:10px}.header-icon-badge:empty,.header-icon-badge[data-count="0"],.sidebar-close-btn{display:none}.sidebar-nav-badge,.sidebar-nav-item{display:flex;font-family:Inter,sans-serif}.sidebar-nav-item{align-items:center;gap:12px;padding:11px 14px;border-radius:10px;position:relative;cursor:pointer;transition:.2s;color:#4a4a5a;background:0 0;flex-shrink:0;font-weight:500}.sidebar-nav-item:hover{background:#f0f1f4;color:#1a1a2e}.sidebar-nav-item.active{background:#e6f9ef;color:#1a1a2e;font-weight:600}.sidebar-nav-item.special,.sidebar-nav-item.special .sidebar-nav-label{color:#093;font-weight:600}.sidebar-nav-item.active::before{content:'';position:absolute;left:4px;top:50%;transform:translateY(-50%);width:3px;height:22px;background:linear-gradient(180deg,#093,#00802b);border-radius:3px}.sidebar-nav-item.special{background:linear-gradient(135deg,#e6f9ef,#cceed9);border:1px solid #a3e0bb}.sidebar-nav-item.special:hover{background:linear-gradient(135deg,#cceed9,#a3e0bb);border-color:#70d494}.sidebar-nav-icon{width:20px;height:20px;flex-shrink:0;transition:transform .2s;stroke-width:2}.sidebar-nav-item:hover .sidebar-nav-icon{transform:scale(1.1)}.sidebar-nav-label{font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.01em}.sidebar-nav-badge{position:absolute;top:6px;right:10px;background:#dc2626;color:#fff;font-size:.6rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;align-items:center;justify-content:center;padding:0 6px}.sidebar-nav-divider{width:70%;height:1px;background:#e8eaed;margin:8px auto;border-radius:1px;flex-shrink:0}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1998;opacity:0;transition:opacity .3s}.sidebar-overlay.active{display:block;opacity:1}@media (max-width:1024px){.content-with-sidebar{flex-direction:column;gap:0}.sidebar-nav{position:fixed;left:-280px;top:0;bottom:0;width:260px;z-index:1999;display:flex!important;flex-direction:column;background:#fff;border-right:1px solid #e8eaed;border-radius:0;box-shadow:8px 0 40px rgba(0,0,0,.15);transition:left .35s cubic-bezier(.4,0,.2,1);max-height:100vh}.sidebar-nav.open{left:0}.sidebar-nav-inner{height:100%;padding-top:70px;padding-bottom:100px;overflow-y:auto}.sidebar-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#f0f1f4;border:1px solid #e8eaed;color:#4a4a5a;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2000;transition:.25s}.sidebar-close-btn:hover{background:#e8eaed;color:#1a1a2e}}.btn-primary,.hero,.logo-text{overflow:hidden}@media (min-width:1025px) and (max-width:1399px){.sidebar-nav{width:200px}.sidebar-nav-item{padding:10px 12px;gap:10px}.sidebar-nav-label{font-size:.78rem}.sidebar-nav-icon{width:18px;height:18px}.content-with-sidebar{max-width:1100px}}@media (min-width:1400px){.sidebar-nav{width:240px}.sidebar-nav-inner{padding:20px 12px}.sidebar-nav-item{padding:13px 16px;gap:14px;border-radius:12px}.sidebar-nav-label{font-size:.88rem}.sidebar-nav-icon{width:22px;height:22px}.content-with-sidebar{max-width:1300px}}.spinner-bokeh-overlay{position:fixed;inset:0;z-index:996;background:rgba(6,9,15,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;pointer-events:all;overflow:hidden;cursor:pointer}.spinner-bokeh-orb{position:absolute;border-radius:50%;opacity:0;pointer-events:none}.spinner-float,.spinner-panel{position:fixed;transform:translateY(-50%);z-index:997}.spinner-bokeh-overlay.active .spinner-bokeh-orb{animation:4s ease-in-out infinite bokehOrb}.spinner-bokeh-orb:first-child{width:200px;height:200px;background:radial-gradient(circle,rgba(212,168,83,.25) 0,transparent 70%);top:15%;left:10%;animation-delay:0s}.spinner-bokeh-orb:nth-child(2){width:150px;height:150px;background:radial-gradient(circle,rgba(230,57,70,.2) 0,transparent 70%);top:60%;right:8%;animation-delay:.5s}.spinner-bokeh-orb:nth-child(3){width:180px;height:180px;background:radial-gradient(circle,rgba(29,185,84,.18) 0,transparent 70%);bottom:10%;left:20%;animation-delay:1s}.spinner-bokeh-orb:nth-child(4){width:120px;height:120px;background:radial-gradient(circle,rgba(240,208,120,.2) 0,transparent 70%);top:30%;right:25%;animation-delay:1.5s}.spinner-bokeh-orb:nth-child(5){width:100px;height:100px;background:radial-gradient(circle,rgba(212,168,83,.22) 0,transparent 70%);top:50%;left:50%;animation-delay:2s}.spinner-bokeh-orb:nth-child(6){width:160px;height:160px;background:radial-gradient(circle,rgba(29,185,84,.15) 0,transparent 70%);top:5%;right:40%;animation-delay:2.5s}@keyframes bokehOrb{0%,100%{opacity:0;transform:scale(.6) translate(0,0)}25%{opacity:.6}50%{opacity:.2;transform:scale(1.4) translate(30px,-20px)}75%{opacity:.5}}.spinner-float{right:20px;top:50%;display:flex;flex-direction:column;align-items:flex-end;gap:0}.spinner-toggle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#d4a853,#b8861e);border:3px solid #f0d078;color:#0d1117;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(212,168,83,.5),0 6px 20px rgba(0,0,0,.6);transition:.3s;animation:3s ease-in-out infinite floatBounce}.spinner-toggle svg{width:24px;height:24px}.spinner-toggle:hover{transform:scale(1.12);box-shadow:0 0 45px rgba(212,168,83,.7),0 8px 30px rgba(0,0,0,.7)}.spinner-toggle:active{transform:scale(.9)}.spinner-toggle::after{content:'FREE';position:absolute;top:-8px;right:-10px;background:#e63946;color:#fff;font-size:.45rem;font-weight:800;padding:.15rem .45rem;border-radius:50px;letter-spacing:.8px;animation:2s infinite livePulse;box-shadow:0 2px 8px rgba(230,57,70,.5)}.spinner-toggle::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px dashed rgba(212,168,83,.2);animation:8s linear infinite ringRotate}@keyframes ringRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(230,57,70,.5)}50%{box-shadow:0 0 0 8px rgba(230,57,70,0)}}.spinner-panel{right:72px;top:50%;background:#161b22;border:1px solid #30363d;border-radius:20px;padding:1.2rem;width:300px;box-shadow:0 20px 60px rgba(0,0,0,.8),0 0 30px rgba(212,168,83,.1);opacity:0;visibility:hidden;transition:.3s;pointer-events:none}.spinner-panel.open{pointer-events:all}.spinner-header{margin-bottom:.8rem}.spinner-title{font-size:1rem;font-weight:700;color:#f0d078;display:block}.spinner-subtitle{font-size:.65rem;color:#8b949e}.spinner-wheel-container{position:relative;width:260px;height:260px;margin:0 auto}.spinner-wheel-container canvas{width:100%;height:100%}.spinner-arrow{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:20px solid #e63946;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.spinner-spin-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#d4a853,#b8861e);border:3px solid #0d1117;color:#0d1117;font-weight:900;font-size:.75rem;cursor:pointer;z-index:4;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 25px rgba(212,168,83,.4),0 4px 10px rgba(0,0,0,.5);transition:.2s}.spinner-spin-btn:hover{transform:translate(-50%,-50%) scale(1.08)}.spinner-spin-btn:active{transform:translate(-50%,-50%) scale(.93)}.spinner-spin-btn.spinning{pointer-events:none;opacity:.7;animation:.5s ease-in-out infinite spinPulse}@keyframes spinPulse{0%,100%{box-shadow:0 0 25px rgba(212,168,83,.4)}50%{box-shadow:0 0 50px rgba(212,168,83,.8)}}.spinner-result{margin-top:.8rem;padding:.6rem 1rem;background:rgba(29,185,84,.1);border:1px solid rgba(29,185,84,.3);border-radius:10px;color:#4ade80;font-weight:700;font-size:.85rem;animation:.4s fadeInUp}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner-footer{margin-top:.6rem}.spinner-info{font-size:.6rem;color:#4a5568}@media (min-width:769px){.standalone-search-bar{display:none}.spinner-float,.spinner-panel{top:50%;bottom:auto;transform:translateY(-50%)}.spinner-float{right:24px}.spinner-toggle{width:60px;height:60px}.spinner-toggle svg{width:26px;height:26px}.spinner-panel{right:78px;left:auto;width:300px}}@media (max-width:768px){.spinner-float{right:12px;top:auto;bottom:100px;transform:none}.spinner-toggle{width:48px;height:48px;border-width:2px}.spinner-toggle svg{width:20px;height:20px}.spinner-toggle::before{display:none}.spinner-panel{right:auto;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:90vw;max-width:340px;border-radius:24px}.spinner-wheel-container,.spinner-wheel-container canvas{width:220px;height:220px}.spinner-spin-btn{width:50px;height:50px;font-size:.65rem}}.header-action-icons{display:flex;align-items:center;gap:.25rem}.header-icon-btn{position:relative;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.03);border:1px solid #21262d;color:#8b949e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.25s}.header-icon-btn:hover{background:rgba(212,168,83,.08);border-color:rgba(212,168,83,.3);color:#f0d078}.header-icon-btn svg{width:18px;height:18px;transition:transform .2s}.header-icon-btn:active svg{transform:scale(.85)}.header-icon-badge{position:absolute;top:-4px;right:-4px;background:#1db954;color:#fff;font-size:.55rem;font-weight:800;min-width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid #0d1117;transition:.3s;animation:.3s badgePopIn}@keyframes badgePopIn{0%{transform:scale(0)}60%{transform:scale(1.3)}100%{transform:scale(1)}}.header-icon-divider{width:1px;height:20px;background:#21262d;margin:0 .3rem;opacity:.6}.header-icon-btn.notification-btn .header-icon-badge{background:#e63946}@media (max-width:600px){.header-icon-btn{width:34px;height:34px}.header-icon-btn svg{width:16px;height:16px}.header-icon-badge{min-width:15px;height:15px;font-size:.5rem;top:-3px;right:-3px}.header-icon-divider{height:16px;margin:0 .15rem}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:999;background:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid #e5e5e5;padding:.4rem .5rem;padding-bottom:max(.4rem,env(safe-area-inset-bottom));display:flex;justify-content:space-around;align-items:center;box-shadow:0 -4px 20px rgba(0,0,0,.08)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.3rem .5rem;color:#8e8e9a;transition:.2s;border-radius:10px;min-width:60px;position:relative}.mobile-nav-item:active{transform:scale(.92)}.mobile-nav-item.active,.mobile-nav-item.active .mobile-nav-icon,.mobile-nav-item.active .mobile-nav-label{color:#093}.mobile-nav-item.active::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:24px;height:3px;background:#093;border-radius:0 0 3px 3px;box-shadow:0 0 8px rgba(0,153,51,.3)}.mobile-nav-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;transition:.2s;color:#8e8e9a}.mobile-nav-item.active .mobile-nav-icon svg{stroke:#009933}.mobile-nav-label{font-size:.6rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;line-height:1;color:#1a1a2e}.mobile-nav-badge,.mobile-nav-count{font-size:.5rem;font-weight:800;color:#fff}.mobile-nav-badge{position:absolute;top:0;right:2px;background:#e63946;padding:.1rem .35rem;border-radius:50px;animation:2s infinite mobilePulse;line-height:1.2}@keyframes mobilePulse{0%,100%{box-shadow:0 0 0 0 rgba(230,57,70,.4)}50%{box-shadow:0 0 0 6px rgba(230,57,70,0)}}.mobile-nav-count{position:absolute;top:-2px;right:2px;background:#093;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}@media (min-width:951px){.mobile-nav{display:none!important}}@media (max-width:950px){.mobile-nav{display:flex!important}body{padding-bottom:85px!important}.footer{padding-bottom:100px!important}.main-wrapper{padding-bottom:1rem!important}}.header,.header-inner,body{width:100%;display:flex}@media (max-width:380px){.spinner-float{right:8px;bottom:90px}.spinner-toggle{width:42px;height:42px}.spinner-toggle svg{width:18px;height:18px}.spinner-panel{width:95vw;padding:1rem}.spinner-wheel-container,.spinner-wheel-container canvas{width:180px;height:180px}.spinner-spin-btn{width:44px;height:44px;font-size:.6rem}.header-icon-btn{width:30px;height:30px}.header-icon-btn svg{width:14px;height:14px}.header-icon-divider{display:none}.mobile-nav{padding:.3rem}.mobile-nav-item{padding:.2rem .3rem;min-width:50px}.mobile-nav-label{font-size:.55rem}.mobile-nav-icon svg{width:20px;height:20px}}:root{--bg-primary:#f5f6f8;--bg-secondary:#ffffff;--bg-card:#ffffff;--bg-card-hover:#f8f9fc;--gold:#009933;--gold-light:#00b33c;--gold-dark:#00802b;--accent:#dc2626;--accent-green:#16a34a;--text-primary:#1a1a2e;--text-secondary:#6b7280;--border:#e5e7eb;--border-light:#d1d5db;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.06);--shadow-lg:0 8px 30px rgba(0,0,0,0.08);--shadow-gold:0 0 20px rgba(0,153,51,0.08);--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;scroll-behavior:smooth}body{font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;max-width:100vw;flex-direction:column;align-items:center;background-image:radial-gradient(ellipse at 50% 0,rgba(0,153,51,.03) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(220,38,38,.02) 0,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(22,163,74,.02) 0,transparent 50%)}.header{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;justify-content:center;box-shadow:0 1px 0 rgba(0,0,0,.04),var(--shadow-sm)}.logo-icon,.logo-text{background:linear-gradient(135deg,var(--gold),var(--gold-dark))}.btn-primary,.hero,.hero-content,.hero-odds-box,.logo-icon{position:relative}.header-inner{max-width:1200px;align-items:center;justify-content:space-between;padding:.8rem 1.5rem;gap:.8rem}.logo,.logo-icon{display:flex;align-items:center}.logo{gap:.5rem;font-weight:800;letter-spacing:-.5px;flex-shrink:1;min-width:0}.logo-icon{width:40px;height:40px;min-width:40px;border-radius:var(--radius);justify-content:center;color:#fff;box-shadow:0 0 20px rgba(0,153,51,.2);flex-shrink:0;font-weight:900;font-size:1.3rem}.logo-icon::after{content:'';position:absolute;inset:-4px;border-radius:14px;background:linear-gradient(135deg,var(--gold),transparent);opacity:.2;z-index:-1;animation:3s ease-in-out infinite logoGlow}@keyframes logoGlow{0%,100%{opacity:.1;transform:scale(1)}50%{opacity:.25;transform:scale(1.06)}}.logo-text{font-size:clamp(.85rem, 2.5vw, 1.25rem);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;text-overflow:ellipsis}.logo-tagline,.slider-card .card-badge{font-size:.55rem;text-transform:uppercase}.logo-tagline{color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary);letter-spacing:1px;font-weight:500;display:block}.hero-title .gold-text,.odds-value{-webkit-text-fill-color:transparent}.header-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.btn{padding:.5rem 1rem;border-radius:50px;font-weight:600;font-size:clamp(.7rem, 2vw, .85rem);cursor:pointer;border:none;transition:.3s cubic-bezier(.4, 0, .2, 1);letter-spacing:.3px;display:inline-flex;align-items:center;gap:.3rem}.btn-outline{background:0 0;color:var(--text-primary);border:1.5px solid var(--border-light)}.btn-outline:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 20px rgba(0,153,51,.1)}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;box-shadow:0 4px 15px rgba(0,153,51,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,153,51,.35)}.btn-primary::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);transition:.5s}.btn-primary:hover::after{left:100%}.live-pill{display:none;align-items:center;gap:.4rem;background:rgba(220,38,38,.08);color:var(--accent);padding:.35rem .8rem;border-radius:50px;font-size:.75rem;font-weight:700;border:1px solid rgba(220,38,38,.15)}.live-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:1.2s infinite livePulse}@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(220,38,38,.5)}50%{opacity:.4;box-shadow:0 0 0 8px rgba(220,38,38,0)}}.main-wrapper{width:100%;max-width:1200px;padding:1.5rem 1.5rem 0;display:flex;flex-direction:column;gap:1.5rem}.hero{background:linear-gradient(135deg,#fff 0,#f8f9fc 50%,#fff 100%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg),var(--shadow-gold)}.hero::after,.hero::before{position:absolute;border-radius:50%;content:''}.hero::before{top:-120px;right:-80px;width:450px;height:450px;background:radial-gradient(circle,rgba(0,153,51,.04) 0,transparent 70%)}.hero::after{bottom:-100px;left:-60px;width:350px;height:350px;background:radial-gradient(circle,rgba(22,163,74,.03) 0,transparent 70%)}.hero-content{z-index:1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,153,51,.08);border:1px solid rgba(0,153,51,.15);color:var(--gold);padding:.35rem 1rem;border-radius:50px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.8rem}.hero-badge .pulse-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:2s infinite livePulse}.hero-title{font-size:clamp(1.5rem, 5vw, 2.4rem);font-weight:800;color:var(--text-primary);letter-spacing:-.5px;line-height:1.15}.hero-title .gold-text{background:linear-gradient(135deg,var(--gold),var(--gold-dark));-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:clamp(.8rem, 2vw, .95rem);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.hero-stat-pill{display:inline-flex;align-items:center;gap:.35rem;background:rgba(0,0,0,.03);padding:.3rem .8rem;border-radius:50px;font-size:.75rem;border:1px solid rgba(0,0,0,.06)}.hero-stat-pill .stat-dot{width:5px;height:5px;border-radius:50%}.stat-dot.green{background:var(--accent-green)}.stat-dot.gold{background:var(--gold)}.hero-odds-box{background:linear-gradient(145deg,#f8f9fc 0,#fff 100%);border:2px solid var(--gold);border-radius:var(--radius-lg);padding:1.8rem 2.2rem;box-shadow:0 0 30px rgba(0,153,51,.08),inset 0 0 30px rgba(0,153,51,.02);min-width:180px}.hero-odds-box::before{content:'';position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(135deg,var(--gold),transparent,var(--gold));opacity:.1;z-index:-1;animation:4s ease-in-out infinite borderGlow}@keyframes borderGlow{0%,100%{opacity:.06}50%{opacity:.18}}.odds-ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:.3rem 1.2rem;border-radius:50px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 4px 15px rgba(220,38,38,.3)}.slider-card,.slider-section{position:relative;overflow:hidden}.odds-match-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:.4rem;font-weight:600}.odds-teams{font-size:.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.6rem;letter-spacing:.3px}.odds-value{font-size:clamp(2.5rem, 8vw, 3.8rem);font-weight:900;background:linear-gradient(180deg,#1a1a2e 0,#093 50%,#00802b 100%);-webkit-background-clip:text;background-clip:text;line-height:1;letter-spacing:-1px}.odds-meta{font-size:.65rem;color:var(--text-secondary);margin-top:.4rem;font-weight:500;letter-spacing:.3px}.slider-section{border-radius:var(--radius-xl)}.slider-track{display:flex;gap:1rem;transition:transform .5s cubic-bezier(.4, 0, .2, 1);will-change:transform}.slider-card{min-width:280px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:.3s;cursor:pointer}.slider-card:hover{border-color:var(--gold);box-shadow:var(--shadow-gold);transform:translateY(-3px)}.slider-card.featured-slide{border:2px solid var(--gold);background:linear-gradient(135deg,#e6f9ef,#f8f9fc)}.slider-card .card-badge{position:absolute;top:.8rem;right:.8rem;background:var(--accent);color:#fff;font-weight:800;padding:.2rem .6rem;border-radius:50px;letter-spacing:.8px}.slider-card .card-badge.featured-badge{background:var(--gold);color:#fff}.slider-card .card-teams{font-size:1rem;font-weight:700;margin-bottom:.3rem;display:flex;align-items:center;gap:.4rem;color:var(--text-primary)}.slider-card .card-league{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.8rem}.match-time .date,.match-time .live-tag,.stat-label{text-transform:uppercase;letter-spacing:.5px}.slider-card .card-odds-row{display:flex;gap:.4rem}.slider-card .card-odd{flex:1;text-align:center;background:#f0f1f4;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .3rem;font-size:.7rem;font-weight:700;transition:.2s;color:var(--text-primary)}.slider-arrow,.slider-dot{border-radius:50%;cursor:pointer}.slider-card .card-odd:hover{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.slider-card .card-odd span{display:block;font-size:.5rem;color:var(--text-secondary);margin-bottom:.15rem;text-transform:uppercase}.slider-card .card-time{font-size:.6rem;color:var(--text-secondary);margin-top:.6rem;display:flex;align-items:center;gap:.3rem}.slider-nav{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.slider-dot{width:8px;height:8px;background:var(--border);transition:.3s}.slider-dot.active{background:var(--gold);box-shadow:0 0 10px rgba(0,153,51,.4);width:24px;border-radius:10px}.slider-arrows{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;justify-content:space-between;width:100%;pointer-events:none;padding:0 .5rem}.slider-arrow{pointer-events:all;width:40px;height:40px;background:rgba(255,255,255,.9);border:1px solid var(--border-light);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:.2s;backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.filter-chip,.stat-card{background:var(--bg-card)}.slider-arrow:hover{background:var(--gold);color:#fff;border-color:var(--gold)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.stat-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.2rem;transition:.3s;cursor:default}.stat-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-value{font-size:clamp(1.2rem, 3vw, 1.6rem);font-weight:800;color:var(--gold)}.filter-chip,.stat-label{color:var(--text-secondary)}.stat-label{font-size:.7rem}.filters{display:flex;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.3rem}.filters::-webkit-scrollbar{display:none}.filter-chip{padding:.5rem 1.1rem;border-radius:50px;border:1px solid var(--border);cursor:pointer;font-size:clamp(.7rem, 1.8vw, .8rem);font-weight:600;transition:.25s;flex-shrink:0}.filter-chip:hover{border-color:var(--border-light);color:var(--text-primary)}.filter-chip.active{background:var(--gold);color:#fff;border-color:var(--gold);font-weight:700;box-shadow:0 4px 15px rgba(0,153,51,.25)}.match-card:hover,.odd-btn:hover{border-color:var(--border-light)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title{font-size:clamp(1rem, 3vw, 1.2rem);font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.match-time .date,.section-badge{font-size:.65rem;font-weight:600}.section-badge{background:rgba(0,153,51,.08);color:var(--gold);padding:.2rem .7rem;border-radius:50px;border:1px solid rgba(0,153,51,.12)}.matches-grid{display:grid;gap:.7rem}.match-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.2rem;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:1rem;transition:.3s;cursor:default}.match-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md)}.match-time{flex-shrink:0}.match-teams,.team{align-items:center;gap:.5rem;display:flex}.match-time .date{color:var(--text-secondary)}.match-time .time{font-size:clamp(1rem, 2.5vw, 1.2rem);font-weight:700;color:var(--gold)}.match-time .live-tag{display:inline-block;background:var(--accent);color:#fff;font-size:.6rem;padding:.15rem .5rem;border-radius:50px;font-weight:800;margin-top:.2rem;animation:2s infinite livePulse}.match-teams{flex-wrap:wrap}.team{font-weight:700;font-size:clamp(.8rem, 2.2vw, .95rem)}.team-crest{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#e5e7eb,#f3f4f6);display:flex;align-items:center;justify-content:center;font-size:1.1rem;border:2px solid var(--border);flex-shrink:0}.match-league,.vs-divider{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.vs-divider{font-weight:700;padding:0 .2rem}.match-league{margin-top:.15rem;font-weight:500}.match-odds{display:flex;gap:.4rem;flex-shrink:0}.odd-btn{background:#f0f1f4;border:1px solid var(--border);color:var(--text-primary);padding:.5rem .8rem;border-radius:var(--radius-sm);font-weight:700;font-size:clamp(.8rem, 2vw, .9rem);cursor:pointer;transition:.2s;min-width:50px;display:flex;flex-direction:column;align-items:center;gap:.15rem}.odd-btn:hover{background:#e5e7eb;box-shadow:0 2px 10px rgba(0,0,0,.06)}.odd-btn.selected,.odd-btn:active{background:var(--accent-green);border-color:var(--accent-green);color:#fff;transform:scale(.96);box-shadow:0 4px 20px rgba(22,163,74,.3)}.odd-label{font-size:.55rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.btn-bet,.featured-flag{text-transform:uppercase;letter-spacing:.8px}.match-card.featured{background:linear-gradient(135deg,#e6f9ef 0,#f8f9fc 100%);border:1.5px solid var(--gold);position:relative;box-shadow:var(--shadow-gold)}.featured-flag{position:absolute;top:-1px;right:1.5rem;background:var(--gold);color:#fff;font-size:.6rem;font-weight:800;padding:.3rem .8rem;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,153,51,.3)}.layout{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start}.bet-slip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;position:sticky;top:100px}.bet-slip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}.bet-slip-title{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.4rem;color:var(--text-primary)}.bet-slip-count{background:var(--gold);color:#fff;font-size:.65rem;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.bet-slip-empty{color:var(--text-secondary);padding:2rem 0;font-size:.85rem}.bet-slip-total{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-weight:700}.btn-bet,.stake-input{margin-top:.8rem;width:100%}.bet-slip-total .total-odds{font-size:1.3rem;color:var(--gold)}.stake-input{padding:.7rem 1rem;background:#f0f1f4;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem;font-weight:600;outline:0;transition:.2s}.stake-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(0,153,51,.08)}.btn-bet{padding:.8rem;background:linear-gradient(135deg,var(--accent-green),#15803d);color:#fff;font-weight:700;font-size:.95rem;border:none;border-radius:var(--radius);cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(22,163,74,.25)}.footer,.footer-links a{color:var(--text-secondary);font-size:.75rem}.btn-bet:hover{box-shadow:0 6px 25px rgba(22,163,74,.4);transform:translateY(-1px)}.btn-bet:active{transform:scale(.97)}.footer{width:100%;padding:2rem 1.5rem;border-top:1px solid var(--border);margin-top:2rem;background:var(--bg-secondary)}.footer-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:.8rem}.footer-links a{transition:color .2s}.footer-links a:hover{color:var(--gold)}@media (min-width:481px){.live-pill{display:flex}.logo-tagline{display:block}}@media (max-width:768px){.header-inner{padding:.5rem .8rem;gap:.4rem}.logo-icon{width:34px;height:34px;min-width:34px;font-size:1.1rem;border-radius:8px}.logo-icon::after{inset:-3px;border-radius:10px}.logo-text{font-size:.8rem}.logo-tagline{font-size:.5rem;letter-spacing:.8px}.btn{padding:.4rem .8rem;font-size:.7rem;border-radius:40px}.btn-outline{padding:.4rem .7rem}.btn-primary{padding:.4rem .8rem}.live-pill{display:none!important}}@media (max-width:480px){.hero-slide,.hero-slider{height:120px;border-radius:14px}.hero-slide .hero-content{padding:0 38px}.hero-slide .hero-title{font-size:1rem}.hero-slide .hero-subtitle{font-size:.68rem}.hero-arrow{width:24px;height:24px}.hero-arrow svg{width:14px;height:14px}.notif-panel{max-width:100%;border-radius:0;border-left:none}.notif-header{padding:1rem 1.2rem}.notif-actions{padding:.7rem 1.2rem}.notif-item{padding:.9rem 1.2rem}.header-inner{padding:.45rem .6rem;gap:.3rem}.logo{gap:.35rem}.logo-icon{width:30px;height:30px;min-width:30px;font-size:.9rem;border-radius:7px}.logo-icon::after{inset:-2px;border-radius:9px}.logo-text{font-size:.7rem;letter-spacing:-.3px}.logo-tagline{font-size:.45rem;letter-spacing:.5px}.btn{padding:.35rem .6rem;font-size:.65rem;border-radius:30px}.btn-outline{padding:.35rem .55rem;border-width:1px}.btn-primary{padding:.35rem .65rem}.header-actions{gap:.3rem}.live-pill{display:none!important}}@media (max-width:360px){.logo-icon{width:26px;height:26px;min-width:26px;font-size:.8rem;border-radius:6px}.logo-text{font-size:.65rem}.logo-tagline{display:none}.btn{padding:.3rem .5rem;font-size:.6rem}.header-inner{padding:.4rem}}@media (max-width:950px){.layout{grid-template-columns:1fr}.bet-slip{position:static;margin-top:1rem}.stats-row{grid-template-columns:repeat(2,1fr)}.hero{padding:1.5rem}.hero-content{flex-direction:column;text-align:center}.hero-odds-box{width:100%}.slider-card{min-width:240px}}@media (max-width:600px){.main-wrapper{padding:1rem .8rem 0;gap:1rem}.hero{padding:1.2rem;border-radius:var(--radius-lg)}.match-card{grid-template-columns:50px 1fr;gap:.6rem;padding:.8rem}.match-odds{grid-column:1/-1;justify-content:center;gap:.5rem}.odd-btn{min-width:55px;padding:.55rem .7rem}.stats-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.8rem}.slider-card{min-width:220px;padding:1rem}.slider-arrow{width:32px;height:32px;font-size:1rem}}.logo-img{display:block;height:36px;width:auto;max-width:180px;object-fit:contain}@media (max-width:768px){.logo-img{height:28px;max-width:140px}}