:root{--bg:#fff;--muted:#8f98a3;--accent:#0af;--black:#0b0b0b;--soft:#f7f7fb;--pill:#f0eefb}.ql-page{background:#fff;height:100%;margin-bottom:100px;padding:15px 20px;overflow-x:auto}.ql-topTabs{border-bottom:1px solid #eee;align-items:center;gap:10px;padding-bottom:10px;display:flex}.ql-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 6px;font-weight:600}.ql-tab.active{color:var(--black)}.ql-taskSection{margin-top:12px}.ql-taskBanner{color:#222;background:linear-gradient(#f6f2ff,#fff);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex;box-shadow:0 2px 6px #0000000a}.ql-taskIcon{object-fit:cover;border-radius:6px;width:28px;height:28px}.ql-faq{color:var(--muted);margin-top:8px;font-size:13px}.ql-faq summary{cursor:pointer;outline:none;padding:6px 0;list-style:none}.ql-faqText{color:#555;white-space:normal;word-break:break-word;margin:6px 0 0;font-size:13px;line-height:1.6}.ql-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.ql-filters .filter-options{align-items:center;gap:5px;display:flex}.ql-sort{background:var(--soft);border:1px solid #eee;border-radius:8px;padding:8px 10px;font-size:13px}.ql-range{align-items:center;gap:6px;display:flex}.ql-input{background:var(--soft);border:1px solid #eee;border-radius:8px;width:58px;padding:8px;font-size:13px}.ql-dash{color:var(--muted);margin:0 4px}.ql-refresh{color:#fff;cursor:pointer;background:#000;border:0;border-radius:8px;width:100%;margin-left:auto;padding:8px 14px;font-weight:600}.ql-list{margin:14px 0 80px;padding:0;list-style:none}.ql-item{background:#fff;border:1px solid #f3f3f3;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px;display:flex;box-shadow:0 4px 18px #0c0c0c0a}.ql-left{flex-direction:column;gap:8px;min-width:0;display:flex}.ql-price{font-size:18px;font-weight:800}.ql-meta{color:var(--muted);align-items:center;gap:18px;font-size:12px;display:flex}.ql-metaLabel{color:#b0b6bd;margin-bottom:4px;font-size:11px}.ql-small{color:#333;font-size:13px;font-weight:700}.ql-quotaBlock{text-align:left}.ql-quota{color:#00bfa5;font-size:13px;font-weight:700}.ql-right{align-items:center;gap:8px;display:flex}.ql-buy{color:#fff;cursor:pointer;background:#000;border:0;border-radius:10px;padding:8px 14px;font-weight:700}.inr-tiers{justify-content:space-between;align-items:center;gap:10px;margin:15px 0;display:flex}.inr-tiers .item{cursor:pointer;border-radius:20px;justify-content:center;align-items:center;gap:5px;width:100%;padding:8px 15px;display:flex}.inr-tiers .item.active{border-bottom:2px solid #000}.inr-tiers .bronze{background:linear-gradient(to bottom right,#ffecb3,#cd7f32,#804a00)}.inr-tiers .silver{background:linear-gradient(to bottom right,#fff,silver,gray)}.inr-tiers .gold{background:linear-gradient(to bottom right,#ffecb3,#d4af37,#a97142)}.inr-tiers .item .icon{width:15px;height:15px}@media (min-width:520px){.ql-page{max-width:700px;padding:20px}.ql-item{padding:18px}.ql-price{font-size:20px}}.checkout-page{width:100%;padding-bottom:100px;overflow-y:auto;height:100%!important}.checkout-page nav{justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 20px;display:flex;box-shadow:0 0 5px #0003}.checkout-page nav .icon{cursor:pointer;width:30px;height:30px}.checkout-page nav span{text-align:center;width:100%;font-size:18px;font-weight:600}.checkout-page .heading{text-align:start;width:100%;margin:20px;font-size:16px;font-weight:700}.checkout-page .note{color:red;text-align:end;width:calc(100% - 40px);margin:0 20px;font-weight:500}.checkout-page .form{flex-direction:column;gap:20px;margin:10px 20px;display:flex}.checkout-page .form .info{color:#00000080;justify-content:space-between;align-items:center;height:50px;font-weight:600;display:flex}.checkout-page .form .info span{color:#000;align-items:center;gap:5px;font-size:14px;display:flex}.checkout-page .form .info span .icon{width:16px;height:16px}.checkout-page .submit-section{flex-direction:column;gap:20px;width:calc(100% - 40px);margin:50px 20px 20px;display:flex}.checkout-page .submit-section button{color:#fff;cursor:pointer;background:#000;border-radius:10px;width:100%;height:45px}.checkout-page .submit-section .utr-input{stroke:none;background:#0000000d;border:none;border-radius:10px;outline:none;width:100%;height:50px;margin-bottom:30px;padding:0 20px}.checkout-page .submit-section .cancle{color:#000;background:red}.history-page{width:100%;height:100%;padding-bottom:100px;overflow-y:auto}.history-page nav{justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:0 20px;display:flex;box-shadow:0 0 5px #0003}.history-page nav .icon{cursor:pointer;width:30px;height:30px}.history-page nav span{text-align:center;width:100%;font-size:16px;font-weight:700}.history-page .history-type{align-items:center;gap:20px;margin:15px 20px;display:flex}.history-page .history-type .btn{color:#adadad;cursor:pointer;font-size:18px;font-weight:600;transition:all .2s}.history-page .history-type .active{color:#000;border-bottom:3px solid #000}.history-page .filter-box{scrollbar-width:none;gap:10px;margin:10px 0;padding:0 20px;display:flex;overflow-x:auto}.history-page .filter-box::-webkit-scrollbar{display:none}.history-page .filter-box .btn{white-space:nowrap;background:#ececec80;border-radius:6px;padding:7px 15px;transition:all .2s}.history-page .filter-box .active{color:#fff;background:#000}.history-page .list{flex-direction:column;gap:10px;margin:20px;display:flex}.history-page .list .item{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:10px;display:flex;box-shadow:0 0 5px #0000001a}.history-page .list .icon{color:gray}.history-page .list .item .title{align-items:center;gap:10px;display:flex}.history-page .list .item .status{border-radius:6px;padding:3px 7px;font-weight:500}.danger{color:#a30000;background:#ff000026!important}.warn{color:#a35700;background:#ff7b008a!important}.success{color:#009100;background:#00c5004d}.history-page .list .item .plan{align-items:center;gap:15px;display:flex}.history-page .list .item .plan .box{padding:8px 0}.history-page .list .item .plan .box p{color:gray;font-size:11px}.history-page .list .item .plan .box span{font-weight:600}.history-page .list .item .plan .box .quota{color:#00c500}.token-list{flex-direction:column;gap:10px;margin:20px 0;display:flex}.token-list .item{flex-direction:column;gap:5px;margin:0 20px;display:flex}.token-list .item .status{color:#00d370;background:#0080441a;border-radius:6px;width:fit-content;font-size:12px;font-weight:700;text-transform:capitalize!important;padding:5px 10px!important}.token-list .item .recive{color:#f77!important;background:#80000014!important}.token-list .item .bonus{color:#36b6ff;background:#0013800d}.token-list .item .info{color:gray;justify-content:space-between;align-items:center;font-size:12px;display:flex}.token-list .item .info p{color:#000;font-weight:500}.price-difreance{grid-template-columns:repeat(2,1fr);gap:20px;margin:20px 0;display:grid}.price-difreance .box{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;display:flex;box-shadow:0 0 5px #0000000d}.price-difreance .box span{color:gray}.price-difreance .box h3{font-size:18px;font-weight:600}.show-price{align-items:center;gap:10px;display:flex}.show-price .logo{aspect-ratio:1;width:35px}.show-price h3{align-items:center;gap:5px;display:flex}.show-price h3 .platform-price{align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.show-price h3 .normal-price{color:red;font-size:14px;font-weight:400;text-decoration:line-through}.show-price h3 p{color:gray;font-size:16px;font-weight:400}.calculater{flex-direction:column;gap:20px;margin:35px 0;display:flex}.calculater .input-box{flex-direction:column;gap:8px;display:flex}.calculater .input-box span{color:gray}.calculater .input-box .input{stroke:none;background:#0000000d;border:none;border-radius:10px;outline:none;align-items:center;min-height:50px;padding:0 20px;font-size:16px;display:flex}.confirm-btn{color:#fff;cursor:pointer;background:#000;border-radius:10px;width:100%;min-height:50px;font-size:15px}.qr-code{aspect-ratio:1;width:50%;margin:20px auto}.wallet-adderss{background:#00000008;border-radius:8px;margin:0 20px;padding:8px 20px}.wallet-adderss p{color:gray;font-size:11px}.wallet-adderss span{justify-content:space-between;align-items:center;min-height:40px;font-size:14px;display:flex}.wallet-adderss span .address{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.wallet-adderss span .icon{width:18px;height:18px}.checkout-page .input-box{flex-direction:column;gap:8px;width:calc(100% - 40px);margin:20px;display:flex}.checkout-page .input-box span{color:gray}.checkout-page .input-box .input{stroke:none;background:#fff;border:none;border-radius:6px;outline:none;align-items:center;min-height:50px;padding:0 20px;font-size:16px;display:flex;box-shadow:0 0 2px #0000004d}.tips{gap:0;margin:0 20px}.tips h3{min-height:0;margin:0!important;font-size:12px!important}.tips p{color:gray;font-size:11px}.checkout-page .btn{color:#fff;background:#000;border-radius:6px;width:calc(100% - 40px);min-height:45px;margin:20px}