.page-content{padding:1rem;animation:.35s ease-out fadeIn}.hero-banner{background:linear-gradient(135deg, var(--bg-surface-2), var(--bg-card));border-radius:var(--radius-md);width:100%;height:220px;margin-bottom:1.25rem;position:relative;overflow:hidden}.hero-banner img{object-fit:cover;width:100%;height:100%}.hero-carousel{border-radius:var(--radius-md);width:100%;height:220px;margin-bottom:1.25rem;position:relative;overflow:hidden}.hero-slide{opacity:0;z-index:0;transition:opacity .6s ease-in-out;position:absolute;inset:0}.hero-slide.active{opacity:1;z-index:1}.hero-slide-img{object-fit:cover;width:100%;height:100%;display:block}.hero-slide-gradient{background:linear-gradient(135deg,#1a0d2e,#0d1530,#0a1628);width:100%;height:100%}.hero-slide-overlay{z-index:2;background:linear-gradient(#0000 0%,#000c 100%);padding:1.5rem;position:absolute;bottom:0;left:0;right:0}.hero-slide-title{text-shadow:0 2px 8px #0009;margin-bottom:.3rem;font-size:1.4rem;font-weight:900}.hero-slide-btn{align-items:center;gap:.3rem;margin-top:.5rem;display:inline-flex}.hero-dots{z-index:3;gap:.4rem;display:flex;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .25s}.hero-dot.active{background:var(--accent);width:22px;box-shadow:0 0 8px var(--accent-glow);border-radius:4px}.home-section{margin-bottom:1.5rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.75rem;display:grid}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer;color:inherit;text-decoration:none;display:block;position:relative;overflow:hidden}.game-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #0006}.game-thumb{background:var(--bg-surface-3);width:100%;height:130px;color:var(--text-muted);justify-content:center;align-items:center;font-size:2.5rem;display:flex;position:relative;overflow:hidden}.game-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.game-card:hover .game-thumb img{transform:scale(1.08)}.game-overlay{opacity:0;transition:opacity var(--transition);background:#0b0e1ad9;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.game-card:hover .game-overlay{opacity:1}.game-play-btn{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;transition:transform var(--transition);align-items:center;gap:.25rem;padding:.5rem 1.2rem;font-size:.8rem;font-weight:700;display:inline-flex}.game-play-btn:hover{transform:scale(1.05)}.game-demo-btn{background:var(--bg-surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);padding:.5rem .8rem;font-size:.75rem}.game-demo-btn:hover{border-color:var(--text-secondary);color:var(--text)}.game-info{padding:.6rem .7rem}.game-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.game-provider{color:var(--text-muted);margin-top:.15rem;font-size:.68rem}.chip-icon{font-size:1rem;display:inline-flex}.sports-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.sports-header{background:var(--bg-surface-3);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);justify-content:space-between;padding:.75rem 1rem;font-size:.75rem;font-weight:700;display:flex}.odds-cols{justify-content:center;gap:.5rem;width:200px;display:flex}.odds-cols span{text-align:center;flex:1}.match-row{border-bottom:1px solid var(--border);transition:background-color var(--transition);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.match-row:hover{background:var(--bg-surface-2)}.match-row:last-child{border-bottom:none}.match-info{flex:1;align-items:center;gap:.8rem;display:flex}.match-time{background:var(--accent);color:#fff;text-align:center;border-radius:4px;min-width:42px;padding:.2rem .45rem;font-size:.65rem;font-weight:800}.match-time.live{background:var(--red);animation:2s ease-in-out infinite pulse-live}.match-teams{flex-direction:column;gap:.15rem;display:flex}.match-teams span{font-size:.85rem;font-weight:600}.match-league{color:var(--text-muted);margin-left:auto;padding-right:1rem;font-size:.72rem}.match-odds{gap:.4rem;width:200px;display:flex}.odd-btn{background:var(--bg-surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:all var(--transition);cursor:pointer;flex:1;justify-content:center;align-items:center;padding:.55rem 0;font-size:.82rem;font-weight:700;display:flex}.odd-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.odd-btn.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.content-tabs{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);scrollbar-width:none;margin-bottom:1rem;display:flex;overflow-x:auto}.content-tabs::-webkit-scrollbar{display:none}.content-tab{text-transform:uppercase;color:var(--text-muted);transition:all var(--transition);white-space:nowrap;cursor:pointer;border-bottom:3px solid #0000;flex:none;padding:.75rem 1.2rem;font-size:.8rem;font-weight:600}.content-tab:hover{color:var(--text-secondary);background:var(--bg-surface-2)}.content-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-dim)}.betslip-panel{background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-md);z-index:500;flex-direction:column;width:340px;max-height:500px;animation:.3s slideUp;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 12px 40px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.betslip-header{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:800;display:flex}.betslip-header button{color:#fffc;cursor:pointer;background:0 0;border:none;font-size:1rem}.betslip-body{flex:1;max-height:240px;overflow-y:auto}.betslip-item{border-bottom:1px solid var(--border);padding:.7rem 1rem}.betslip-match{justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;display:flex}.betslip-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.75rem}.betslip-remove:hover{color:var(--red)}.betslip-detail{justify-content:space-between;margin-top:.3rem;display:flex}.betslip-label{color:var(--text-muted);font-size:.72rem}.betslip-odd{color:var(--accent);font-size:.82rem;font-weight:800}.betslip-footer{border-top:1px solid var(--border);padding:.75rem 1rem}.betslip-total{justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;display:flex}.betslip-total strong{color:var(--accent);font-size:1rem}.betslip-amount{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;margin-bottom:.5rem;padding:.5rem;font-size:.85rem}.betslip-amount:focus{border-color:var(--accent)}.betslip-submit{width:100%;padding:.65rem!important;font-size:.9rem!important;font-weight:800!important}.vip-mini-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#1a0d2e,#0d1530);border:1px solid #ffd70033;padding:1.5rem;position:relative;overflow:hidden}.vip-mini-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 80%,#ffd70014,#0000 60%);position:absolute;inset:0}.vip-mini-content{z-index:1;align-items:center;gap:1rem;display:flex;position:relative}.vip-mini-icon{color:gold;flex-shrink:0;font-size:2.5rem}.vip-mini-content h3{margin-bottom:.2rem;font-size:1.1rem;font-weight:900}.vip-mini-content p{color:var(--text-muted);font-size:.78rem;line-height:1.4}.vip-mini-content .btn-primary{flex-shrink:0;align-items:center;gap:.3rem;display:inline-flex}.form-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);max-width:600px;margin:2rem auto;padding:2rem}.form-panel h2{margin-bottom:.5rem;font-size:1.3rem}.amount-chips{flex-wrap:wrap;gap:.4rem;display:flex}.amount-chip{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.amount-chip:hover{border-color:var(--accent);color:var(--accent)}.promo-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;display:grid}.promo-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);padding:1.25rem}.promo-box:hover{border-color:var(--accent);transform:translateY(-2px)}.loading-text{color:var(--text-muted);text-align:center;padding:3rem;font-size:.9rem}.result-count{color:var(--text-muted);margin-left:1rem;font-size:.82rem}.play-header{background:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.play-header span{font-size:.9rem;font-weight:600}.game-iframe{background:#000;border:none;flex:1;width:100%;min-height:600px}.badge-live{background:var(--red);color:#fff;letter-spacing:1px;border-radius:3px;padding:.15rem .4rem;font-size:.55rem;font-weight:900;animation:2s ease-in-out infinite pulse-live}@media (max-width:768px){.page-content{padding:.6rem}.betslip-panel{border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;max-height:60vh;bottom:0;left:0;right:0}.vip-mini-content{text-align:center;flex-direction:column}.match-row{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.65rem .75rem}.match-info{width:100%}.match-league{margin-left:0;padding-right:0;font-size:.68rem}.match-odds{gap:.35rem;width:100%}.odds-cols{width:100%}.sports-header{display:none}.odd-btn{min-height:44px;padding:.65rem 0;font-size:.85rem}.payment-methods-grid{grid-template-columns:1fr}.deposit-header{text-align:center;flex-direction:column;gap:.75rem;padding:1rem}.deposit-header-info h1{font-size:1.2rem}.deposit-balance{align-items:center}.game-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.game-thumb{height:100px}.game-info{padding:.4rem .5rem}.game-name{font-size:.72rem}.game-provider{font-size:.6rem}.game-card .game-overlay{opacity:0;transition:opacity .15s}.game-card:active .game-overlay{opacity:1}.game-play-btn{align-items:center;min-height:32px;padding:.4rem .8rem;font-size:.7rem;display:inline-flex}.game-demo-btn{align-items:center;min-height:32px;padding:.4rem .6rem;font-size:.68rem;display:inline-flex}.hero-banner{height:150px;margin-bottom:.75rem}.game-iframe{height:calc(100vh - 120px);min-height:300px}.play-header{padding:.4rem .6rem}.play-header span{font-size:.78rem}.content-tabs{border-radius:var(--radius-sm)}.content-tab{align-items:center;min-height:44px;padding:.6rem .9rem;font-size:.75rem;display:flex}.form-panel{margin:.5rem auto;padding:1.2rem}.deposit-form-panel{padding:1rem}.deposit-field label{font-size:.78rem}.amount-chips{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.amount-chip{text-align:center;justify-content:center;align-items:center;min-height:40px;padding:.5rem .6rem;display:flex}.betslip-footer{padding:.6rem .75rem}.betslip-submit{padding:.75rem!important;font-size:.85rem!important}}@media (max-width:480px){.game-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.game-thumb{height:85px}.game-info{padding:.3rem .4rem}.game-name{font-size:.68rem}.game-provider{font-size:.55rem}.hero-banner{height:120px}.vip-mini-banner{padding:1rem}.vip-mini-icon{font-size:1.8rem}.vip-mini-content h3{font-size:.95rem}.vip-mini-content p{font-size:.72rem}.match-teams span{font-size:.78rem}.match-time{padding:.15rem .35rem;font-size:.6rem}.promo-grid{grid-template-columns:1fr}.acc-row{flex-wrap:wrap;gap:.3rem}.acc-label{width:85px;font-size:.65rem}.acc-value{font-size:.82rem}.acc-value.mono{word-break:break-all;font-size:.72rem}.deposit-submit{font-size:.85rem!important}}@media (max-width:375px){.game-grid{grid-template-columns:repeat(2,1fr)}.game-thumb{height:100px}.amount-chips{grid-template-columns:repeat(2,1fr)}}.deposit-header{background:linear-gradient(135deg, var(--bg-surface-2), var(--bg-card));border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem;display:flex}.deposit-header-info h1{margin-bottom:.15rem;font-size:1.5rem;font-weight:900}.deposit-header-info p{color:var(--text-muted);font-size:.85rem}.deposit-balance{background:var(--accent-dim);border-radius:var(--radius-md);border:1px solid #ffd70026;flex-direction:column;align-items:flex-end;padding:.8rem 1.2rem;display:flex}.deposit-balance span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:700}.deposit-balance strong{color:var(--accent);font-size:1.4rem;font-weight:900}.deposit-section-title{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem;font-weight:700}.payment-methods-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.payment-method-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;align-items:center;gap:1rem;width:100%;padding:1.1rem 1.2rem;transition:all .2s;display:flex;position:relative}.payment-method-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.payment-method-card.skeleton-card{cursor:default;pointer-events:none;flex-direction:column;align-items:flex-start;min-height:100px}.pm-icon{background:var(--bg-surface-3);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.pm-icon-lg{background:var(--accent-dim);border:1px solid #ffd70026;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;display:flex}.pm-info{flex:1;min-width:0}.pm-name{margin-bottom:.15rem;font-size:.95rem;font-weight:700}.pm-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.3;display:-webkit-box;overflow:hidden}.pm-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.2rem;display:flex}.pm-time{background:var(--accent-dim);color:var(--accent);letter-spacing:.3px;border-radius:20px;padding:.15rem .5rem;font-size:.65rem;font-weight:800}.pm-limits{color:var(--text-muted);font-size:.68rem}.pm-arrow{color:var(--text-muted);flex-shrink:0;font-size:1.2rem}.deposit-form-wrap{animation:.3s fadeInUp}.deposit-back-btn{background:var(--bg-surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.3rem;margin-bottom:1rem;padding:.5rem .9rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.deposit-back-btn:hover{border-color:var(--accent);color:var(--accent)}.deposit-selected-method{background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-md);align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.2rem;display:flex}.deposit-selected-method h3{margin-bottom:.2rem;font-size:1.1rem;font-weight:800}.pm-time-badge{background:var(--accent-dim);color:var(--accent);border-radius:20px;padding:.15rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.deposit-instructions{border-radius:var(--radius-sm);color:var(--blue);background:#3b82f614;border:1px solid #3b82f626;gap:.6rem;margin-bottom:1rem;padding:.8rem 1rem;font-size:.82rem;line-height:1.4;display:flex}.deposit-instructions p{color:var(--text-secondary)}.deposit-form-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem}.deposit-field{margin-bottom:1rem}.deposit-field label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}.deposit-field select.input-field{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=\"%2394a3b8\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/></svg>");background-position:right 8px center;background-repeat:no-repeat;background-size:18px}.amount-chips .active{font-weight:700;background:var(--accent)!important;color:#000!important;border-color:var(--accent)!important}.deposit-msg{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.7rem 1rem;font-size:.85rem;font-weight:600}.deposit-msg.error{background:var(--red-dim);color:var(--red);border:1px solid #ef444433}.deposit-msg.success{background:var(--accent-dim);color:var(--accent);border:1px solid #ffd70033}.deposit-submit{text-transform:uppercase;letter-spacing:.5px;width:100%;padding:.9rem!important;font-size:.95rem!important;font-weight:800!important}.withdraw-history-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.8rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.withdraw-history-btn:hover{border-color:var(--accent);color:var(--accent)}.withdraw-history-list{margin-top:.75rem}.withdraw-history-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:.3rem;padding:.7rem;font-size:.85rem;display:flex}.deposit-accounts-section{margin-bottom:1rem}.deposit-accounts-title{color:var(--accent);margin-bottom:.6rem;font-size:.9rem;font-weight:700}.deposit-account-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid #ffd70026;margin-bottom:.5rem;padding:.9rem 1rem}.acc-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.acc-row:last-of-type{border-bottom:none}.acc-label{text-transform:uppercase;letter-spacing:.5px;width:110px;color:var(--text-muted);flex-shrink:0;font-size:.72rem;font-weight:700}.acc-value{color:var(--text);flex:1;font-size:.88rem;font-weight:600}.acc-value.mono{letter-spacing:.5px;font-family:SF Mono,Fira Code,monospace;font-size:.82rem}.acc-copy{background:var(--bg-surface-3);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:all .15s;display:flex}.acc-copy:hover{border-color:var(--accent);color:var(--accent)}.acc-notes{border-radius:var(--radius-sm);color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b26;margin-top:.4rem;padding:.4rem .6rem;font-size:.78rem;font-weight:600}.footer-link-icon{color:var(--accent);vertical-align:middle;margin-right:.15rem;font-size:1rem}.promo-banners-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.promo-banner-card{border-radius:var(--radius-md);cursor:pointer;background:var(--bg-card);border:1px solid var(--border);aspect-ratio:16/9;transition:all .3s;position:relative;overflow:hidden}.promo-banner-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 36px #00000080}.promo-banner-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.promo-banner-card:hover .promo-banner-img{transform:scale(1.05)}.promo-banner-overlay{background:linear-gradient(#0000 0%,#000000d9 100%);justify-content:space-between;align-items:flex-end;gap:.8rem;padding:1.2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.promo-banner-overlay h3{text-shadow:0 2px 8px #0009;flex:1;font-size:1.05rem;font-weight:800}@media (max-width:768px){.promo-banners-grid{grid-template-columns:1fr;gap:.75rem}.promo-banner-card{aspect-ratio:2}.promo-banner-overlay{padding:.8rem}.promo-banner-overlay h3{font-size:.9rem}}@media (max-width:480px){.promo-banner-card{aspect-ratio:16/10}}.promo-image-wrap{width:100%;height:180px;position:relative;overflow:hidden}.promo-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.promo-box:hover .promo-image{transform:scale(1.05)}