*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080813;--bg-alt: #0c0c1e;--card: #12122a;--card-h: #1a1a38;--border: rgba(255,255,255,.07);--text: #f0f0ff;--dim: #8b8ba8;--muted: #4a4a68;--primary: #f59e0b;--pri-dark: #b45309;--cyan: #22d3ee;--green: #10b981;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 28px rgba(0,0,0,.5);--gem1: #60a5fa;--gem2: #c084fc;--gem3: #fbbf24}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100dvh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{max-width:1280px;margin:0 auto;padding:0 20px}.heading-section{font-family:Rajdhani,sans-serif;font-size:22px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-bottom:18px;display:flex;align-items:center;gap:10px}.heading-section:before{content:"";display:inline-block;width:4px;height:22px;background:linear-gradient(180deg,var(--primary),var(--cyan));border-radius:2px;flex-shrink:0}.toast-bar{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#1e1e3a;border:1px solid rgba(245,158,11,.45);color:var(--text);padding:10px 26px;border-radius:50px;font-size:13px;z-index:999;white-space:nowrap;box-shadow:0 4px 20px #00000073;pointer-events:none}.toast-enter-active,.toast-leave-active{transition:opacity .28s ease,transform .28s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(-10px)}.hero-banner{position:relative;width:100%;height:460px;overflow:hidden;background:#040410}.hero-banner__img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(8,8,19,.55) 0%,transparent 55%,rgba(8,8,19,.2) 100%),linear-gradient(to top,rgba(8,8,19,.75) 0%,transparent 50%);pointer-events:none}.hero-logo{position:absolute;top:22px;left:28px;z-index:10;pointer-events:none}.hero-logo-img{height:68px;width:auto;max-width:260px;object-fit:contain;filter:drop-shadow(0 2px 12px rgba(0,0,0,.7))}.section-game{padding:40px 0;background:var(--bg)}.game-split{display:grid;grid-template-columns:2fr 3fr;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);min-height:300px}.game-left{background:linear-gradient(150deg,#f59e0b,#c45e00);position:relative;overflow:hidden;min-height:300px}.game-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:repeating-linear-gradient(-50deg,transparent,transparent 22px,rgba(255,255,255,.04) 22px,rgba(255,255,255,.04) 23px);pointer-events:none}.game-car-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;z-index:0}.game-right{background:var(--card);padding:26px 30px;display:flex;flex-direction:column;overflow:hidden}.game-title{font-family:Rajdhani,sans-serif;font-size:26px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--primary);margin-bottom:14px}.game-title:after{content:"";display:block;width:50px;height:3px;background:linear-gradient(90deg,var(--primary),transparent);margin-top:5px;border-radius:2px}.game-scroll-hint{font-size:11px;color:var(--muted);letter-spacing:.04em;margin-bottom:8px}.game-desc-box{position:relative;flex:1;min-height:0;overflow:hidden}.game-desc-box:after{content:"";position:absolute;bottom:0;left:0;right:0;height:44px;background:linear-gradient(transparent,var(--card));pointer-events:none}.game-desc-scroll{max-height:230px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.game-desc-scroll::-webkit-scrollbar{width:4px}.game-desc-scroll::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.desc-lead{font-size:14px;font-weight:600;color:var(--primary);margin-bottom:10px;letter-spacing:.02em;line-height:1.6}.desc-body{font-size:13px;color:var(--dim);line-height:1.75;margin-bottom:10px;letter-spacing:.015em}.features-title{font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:14px 0 8px}.features-list{list-style:none;margin-bottom:12px}.features-list li{font-size:13px;color:var(--dim);padding:2px 0 2px 18px;position:relative;letter-spacing:.015em;line-height:1.6}.features-list li:before{content:"▸";position:absolute;left:0;color:var(--primary);font-size:11px;top:4px}.desc-cta{color:var(--cyan)!important;font-weight:600!important}.section-purchase{padding:36px 0 60px;background:linear-gradient(180deg,var(--bg-alt) 0%,var(--bg) 100%)}.purchase-grid{display:grid;grid-template-columns:3fr 6fr;grid-template-rows:auto auto;grid-template-areas:"login pkg" "topup pkg";gap:20px;align-items:start}.panel-login{grid-area:login}.panel-pkg{grid-area:pkg;align-self:stretch}.panel-topup{grid-area:topup;align-self:stretch}.topup-card{height:100%;display:flex;flex-direction:column;box-sizing:border-box}.login-card,.topup-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.login-form{display:flex;flex-direction:column;gap:11px}.login-tabs{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.login-tab{padding:12px;border:none;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .22s ease;background:#1b1b36;color:var(--dim)}.login-tab:hover:not(.active){background:var(--card-h);color:var(--text)}.login-tab.active{background:linear-gradient(135deg,#0d9488,#0891b2);color:#fff}.input-icon-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:13px;color:var(--dim);display:flex;align-items:center;pointer-events:none;z-index:1}.login-input-icon{width:100%;background:#1b1b36;border:1px solid var(--border);color:var(--text);padding:12px 13px 12px 42px;border-radius:var(--radius-sm);font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.login-input-icon::placeholder{color:var(--muted)}.login-input-icon:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f59e0b1f}.login-input-icon.has-right-icon{padding-right:48px}.login-input-icon::-ms-reveal{display:none}.input-icon-wrap .pwd-toggle{position:absolute;right:2px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--dim);cursor:pointer;padding:8px 10px;display:flex;align-items:center;justify-content:center;transition:color .18s}.input-icon-wrap .pwd-toggle:hover{color:var(--primary)}.login-btn{width:100%;padding:13px;border-radius:var(--radius-sm);border:1.5px solid var(--muted);background:transparent;color:var(--muted);font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;cursor:not-allowed;transition:all .22s ease;-webkit-user-select:none;user-select:none}.login-btn.active{background:linear-gradient(135deg,var(--primary) 0%,#e07b00 100%);border-color:var(--primary);color:#1a0a00;cursor:pointer;box-shadow:0 4px 18px #f59e0b66}.login-btn.active:hover{box-shadow:0 6px 24px #f59e0b8c;transform:translateY(-1px)}.login-btn.active:active{transform:translateY(0)}.user-badge{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);color:#10b981;font-size:13px;font-weight:600}.login-error{font-size:12px;color:#f87171;padding:2px 0}.section-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:9px;margin-top:2px}.pkg-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.pkg-header-row .heading-section,.pkg-header-row .cur-row{margin-bottom:0}.cur-row{display:flex;gap:8px;flex-wrap:wrap}.cur-btn{display:flex;align-items:center;gap:5px;padding:7px 16px;border-radius:50px;border:2px solid var(--border);background:#1b1b36;color:var(--dim);font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .22s ease;-webkit-user-select:none;user-select:none}.cur-btn:hover{border-color:#f59e0b59;color:var(--text)}.cur-btn.cur-active{background:linear-gradient(135deg,var(--primary) 0%,#e07b00 100%);border-color:var(--primary);color:#1a0a00;font-weight:800;box-shadow:0 4px 14px #f59e0b66;transform:scale(1.05)}.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:16px}.pay-chip{background:#1b1b36;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none;min-height:68px}.pay-chip:hover:not(.is-active){border-color:#f59e0b4d;background:#1e1e3a;transform:translateY(-2px)}.pay-chip.is-active{border-color:var(--primary);background:#f59e0b2e;box-shadow:0 0 0 2px var(--primary),0 6px 22px #f59e0b73,inset 0 0 16px #f59e0b14;transform:scale(1.07) translateY(-2px);z-index:1}.pay-chip.is-active:after{content:"";position:absolute;top:4px;right:4px;width:16px;height:16px;background:var(--primary);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3L10 3' stroke='%231a0a00' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:11px;background-repeat:no-repeat;background-position:center;box-shadow:0 0 6px #f59e0bb3}.pay-icon-img{width:30px;height:30px;object-fit:contain;transition:filter .2s}.pay-chip.is-active .pay-icon-img{filter:brightness(1.15) drop-shadow(0 0 5px rgba(245,158,11,.55))}.pay-fallback{width:30px;height:30px;background:linear-gradient(135deg,var(--primary),var(--pri-dark));border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.pay-name{font-size:9px;font-weight:600;color:var(--dim);text-align:center;letter-spacing:.02em;line-height:1.3;transition:color .2s,font-weight .2s}.pay-chip.is-active .pay-name{color:var(--primary);font-weight:800;font-size:10px}.pay-loading{font-size:12px;color:var(--muted);text-align:center;padding:14px 0;letter-spacing:.02em}.config-error{font-size:12px;color:#f87171;text-align:center;padding:4px 0 10px}.confirm-btn{width:100%;padding:13px;border-radius:var(--radius-sm);border:1.5px solid var(--muted);background:transparent;color:var(--muted);font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:not-allowed;transition:all .22s ease;-webkit-user-select:none;user-select:none}.confirm-btn.ready{border-color:var(--primary);color:var(--primary);cursor:pointer}.confirm-btn.ready:hover{background:var(--primary);color:#1a0a00;box-shadow:0 4px 18px #f59e0b66;transform:translateY(-1px)}.confirm-btn.ready:active{transform:translateY(0)}.step-notice{font-size:11px;color:var(--muted);text-align:center;padding:8px 0 2px;letter-spacing:.02em}.topup-card .buy-btn{margin-top:auto}.topup-pay-label{margin-top:18px}.custom-select{position:relative;margin-bottom:4px}.custom-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#1b1b36;border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:border-color .2s,box-shadow .2s;text-align:left;line-height:1.4}.custom-select__trigger:hover{border-color:#f59e0b66}.custom-select.open .custom-select__trigger{border-color:var(--primary);box-shadow:0 0 0 3px #f59e0b1f;border-bottom-left-radius:0;border-bottom-right-radius:0}.trigger-content{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.trigger-price{font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;color:var(--primary);white-space:nowrap}.trigger-sep{color:var(--muted);font-size:12px}.trigger-coins{font-size:12px;color:var(--dim);white-space:nowrap}.trigger-placeholder{font-size:13px;color:var(--muted);flex:1}.select-arrow{color:var(--dim);flex-shrink:0;transition:transform .22s ease}.custom-select.open .select-arrow{transform:rotate(180deg);color:var(--primary)}.custom-select__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;background:#1b1b36;border:1.5px solid var(--primary);border-top:none;border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary) transparent;box-shadow:0 12px 28px #0000008c}.custom-select__dropdown::-webkit-scrollbar{width:4px}.custom-select__dropdown::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.custom-select__option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}.custom-select__option:last-child{border-bottom:none}.custom-select__option:hover{background:#f59e0b12}.custom-select__option.is-active{background:#f59e0b21}.opt-price{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;color:var(--text);min-width:54px}.opt-coins{font-size:12px;color:var(--dim);flex:1}.opt-hot{font-family:Rajdhani,sans-serif;font-size:9px;font-weight:800;letter-spacing:.08em;color:#1a0a00;background:var(--primary);padding:1px 6px;border-radius:50px;line-height:1.8;flex-shrink:0}.custom-select__option.is-active .opt-price{color:var(--primary)}.buy-btn{width:100%;padding:13px;border-radius:var(--radius-sm);border:1.5px solid var(--muted);background:transparent;color:var(--muted);font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:not-allowed;transition:all .22s ease;-webkit-user-select:none;user-select:none}.buy-btn.active{background:linear-gradient(135deg,var(--primary) 0%,#e07b00 100%);border-color:var(--primary);color:#1a0a00;cursor:pointer;box-shadow:0 4px 18px #f59e0b66}.buy-btn.active:hover{box-shadow:0 6px 24px #f59e0b8c;transform:translateY(-1px)}.buy-btn.active:active{transform:translateY(0)}.right-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.pkg-scroll-area{height:604px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--primary) transparent;-webkit-overflow-scrolling:touch}.pkg-scroll-area::-webkit-scrollbar{width:4px}.pkg-scroll-area::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.pkg-scroll-area::-webkit-scrollbar-track{background:transparent}.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.pkg-card{background:#1b1b36;border:1.5px solid var(--border);border-radius:var(--radius);padding:15px 10px 13px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .22s ease;position:relative;-webkit-user-select:none;user-select:none}.pkg-card:hover{background:var(--card-h);border-color:#f59e0b4d;transform:translateY(-3px);box-shadow:0 8px 20px #0006}.pkg-card.selected{border-color:var(--primary);background:#f59e0b21;box-shadow:0 0 0 1px var(--primary),0 8px 24px #f59e0b38,inset 0 0 30px #f59e0b0f}.pkg-card[data-tier=gem3].selected{border-color:var(--gem3);background:#fbbf241f;box-shadow:0 0 0 1px var(--gem3),0 8px 24px #fbbf2438,inset 0 0 30px #fbbf240d}.popular-badge{position:absolute;top:6px;right:6px;background:var(--primary);color:#1a0a00;font-size:8px;font-weight:800;font-family:Rajdhani,sans-serif;letter-spacing:.1em;padding:2px 6px;border-radius:50px;line-height:1.6}.gem-icon{width:58px;height:58px;object-fit:contain;margin-bottom:7px;transition:filter .25s,transform .25s}.pkg-card[data-tier=gem1] .gem-icon{filter:drop-shadow(0 3px 10px rgba(96,165,250,.5))}.pkg-card[data-tier=gem2] .gem-icon{filter:drop-shadow(0 3px 10px rgba(192,132,252,.5))}.pkg-card[data-tier=gem3] .gem-icon{filter:drop-shadow(0 3px 10px rgba(251,191,36,.55))}.pkg-card:hover .gem-icon,.pkg-card.selected .gem-icon{transform:scale(1.1)}.pkg-card[data-tier=gem1]:hover .gem-icon{filter:drop-shadow(0 5px 16px rgba(96,165,250,.7))}.pkg-card[data-tier=gem2]:hover .gem-icon{filter:drop-shadow(0 5px 16px rgba(192,132,252,.7))}.pkg-card[data-tier=gem3]:hover .gem-icon{filter:drop-shadow(0 5px 16px rgba(251,191,36,.75))}.pkg-coins{font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;color:var(--text);letter-spacing:.02em;line-height:1.1}.pkg-unit{font-size:9px;font-weight:700;font-family:Rajdhani,sans-serif;letter-spacing:.15em;margin-bottom:8px;margin-top:2px}.pkg-card[data-tier=gem1] .pkg-unit{color:var(--gem1)}.pkg-card[data-tier=gem2] .pkg-unit{color:var(--gem2)}.pkg-card[data-tier=gem3] .pkg-unit{color:var(--gem3)}.pkg-buy{width:100%;padding:7px 4px;border-radius:var(--radius-sm);border:1.5px solid var(--primary);background:transparent;color:var(--primary);font-family:Rajdhani,sans-serif;font-size:20px;font-weight:900;letter-spacing:.04em;cursor:pointer;transition:all .18s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.pkg-buy:hover{background:var(--primary);color:#1a0a00;box-shadow:0 2px 12px #f59e0b59}.pkg-card.selected .pkg-buy{background:var(--primary);color:#1a0a00;box-shadow:0 2px 14px #f59e0b73}.pkg-buy.flash{opacity:.25}.site-footer{background:#040409;border-top:1px solid var(--border);padding:26px 0;margin-top:auto}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.footer-copy{font-size:13px;color:var(--muted);letter-spacing:.02em}.footer-links{display:flex;align-items:center;gap:8px}.footer-link{font-size:13px;color:var(--dim);transition:color .18s}.footer-link:hover{color:var(--primary);text-decoration:underline}.footer-sep{font-size:13px;color:var(--muted)}@media (max-width: 1100px){.pkg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.purchase-grid{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"login" "pkg" "topup";gap:14px}.game-split{grid-template-columns:1fr}.game-left{display:none}.game-desc-scroll{max-height:200px}.pkg-scroll-area{height:480px}.pkg-grid{grid-template-columns:repeat(3,1fr)}.pkg-header-row{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 640px){.hero-banner{height:280px}.hero-logo-img{height:48px}.section-game{padding:24px 0}.section-purchase{padding:16px 0 40px}.pkg-grid{grid-template-columns:repeat(2,1fr)}.gem-icon{width:48px;height:48px}.pkg-coins{font-size:15px}.pay-grid{grid-template-columns:repeat(4,1fr)}.login-card,.topup-card,.right-panel{border-radius:var(--radius-sm)}.purchase-grid{gap:10px}}@media (max-width: 420px){.container{padding:0}.hero-banner{height:230px}.hero-logo{top:14px;left:14px}.hero-logo-img{height:40px}.pkg-grid{grid-template-columns:repeat(2,1fr)}.pay-grid{grid-template-columns:repeat(3,1fr)}.cur-btn{padding:6px 12px;font-size:12px}.login-card,.topup-card,.right-panel{border-radius:0;border-left:none;border-right:none}.section-purchase{padding:8px 0 28px}.purchase-grid{gap:8px}}