[hidden]{display:none!important}
body{background:#050505;color:#F5F5F5}
.wrap{max-width:1480px;padding-left:40px;padding-right:40px}
.top{position:relative;background:#050505;border-bottom:0}
.top-in{height:74px}
.top-right{padding-right:45px}
.back{display:none}
.recharge-close{position:fixed;right:22px;top:18px;z-index:70;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#C9C9C9;font-size:29px;line-height:1;background:rgba(30,30,30,.8)}
.recharge-close:hover{background:#303030;color:#fff}
.recharge-close:focus-visible,.pack:focus-visible,.recharge-tabs button:focus-visible{outline:2px solid #42D2F0;outline-offset:4px}
.head{text-align:center;padding:26px 0 22px}
.head h1{font-size:30px;letter-spacing:-.02em}
.head p{font-size:14px;color:#8F8F8F}
.rate-tip{background:#161616;border-color:#303030;color:#919191;margin-top:12px}
.rate-tip b{color:#C8C8C8}
.recharge-tabs{display:flex;justify-content:center;gap:48px;border-bottom:1px solid #242424;margin-bottom:24px}
.recharge-tabs button{font-size:17px;color:#8F8F8F;padding:15px 24px;border-bottom:2px solid transparent;font-weight:600}
.recharge-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#fff}
.purchase-note{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px;font-size:13px;color:#8F8F8F}
.purchase-note b{color:#C8C8C8;font-weight:500}
.packs{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 2px 18px;margin:0 -2px 20px;scrollbar-color:#454545 #151515;scrollbar-width:thin;align-items:stretch}
.pack{flex:1 0 254px;min-width:254px;max-width:320px;scroll-snap-align:start;border:1px solid #333;border-radius:22px;padding:0;overflow:visible;background:#141414;cursor:pointer;text-align:left;transition:border-color .2s,transform .2s,box-shadow .2s}
.pack:hover{transform:translateY(-3px);border-color:#777}
.pack.on{border-color:#44D3F2;background:#142027;box-shadow:0 0 0 1px rgba(68,211,242,.2)}
.pack-top{padding:27px 22px 22px;border-radius:21px;background:linear-gradient(145deg,#303030,#252525);min-height:264px;display:flex;flex-direction:column}
.pack.on .pack-top{background:linear-gradient(140deg,#223B47,#20323D)}
.pack:nth-child(5n) .pack-top{background:linear-gradient(145deg,#382017,#2A1812)}
.pack:nth-child(5n).on{border-color:#FF751A;background:#21140E;box-shadow:0 0 0 1px rgba(255,117,26,.2)}
.pack .badge{top:-12px;right:16px;border-radius:7px;padding:4px 9px;background:#44D3F2;color:#05232C;font-size:11px;font-weight:600}
.pack:nth-child(5n) .badge{background:#FF751A;color:#fff}
.pack .t{font-size:21px;font-weight:500;color:#F0F0F0}
.pack .p{font-size:36px;color:#fff;line-height:1.2;margin:17px 0 7px;letter-spacing:-.04em;font-weight:650}
.pack .p em{font-size:19px;font-weight:500;color:#DDD;margin:0 3px 0 0}
.pack-sub{font-size:12px;color:#A0A0A0;margin-bottom:21px}
.pack .c{font-size:25px;margin-top:auto;color:#F5F5F5}
.pack .c em{font-size:12px;color:#AAA;margin-left:6px}
.pack-buy{margin-top:17px;width:100%;height:39px;background:#F6F6F6;color:#181818;border-radius:999px;font-size:13px;font-weight:600;display:grid;place-items:center}
.pack.on .pack-buy{background:#44D3F2;color:#05232C}
.pack:nth-child(5n).on .pack-buy{background:#FF751A;color:white}
.pack-details{padding:23px 21px 25px}
.bonus-title{font-size:13px;color:#46D4EE;font-weight:600;margin-bottom:17px}
.pack:nth-child(5n) .bonus-title{color:#FF8E42}
.pack-detail{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#AAA;padding:11px 0;border-bottom:1px solid #2D2D2D}
.pack-detail b{color:#F0F0F0;font-weight:500;white-space:nowrap}
.pack-detail.bonus-row b{color:#46D4EE}
.pack-foot{font-size:11px;color:#777;margin-top:16px;line-height:1.7}
.checkout{display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:16px 28px;border:1px solid #292929;background:#111;border-radius:18px;padding:23px 26px}
.custom{margin:0}.custom label{font-size:13px;color:#AAA}
.amt-box{flex-basis:175px}.amt-box input{background:#202020;border-color:#383838;height:43px;border-radius:10px}
.amt-get{font-size:12px}.amt-get b{font-size:15px;color:#44D3F2}
.preview-bonus{display:block;font-size:11px;color:#8E8E8E;margin-top:3px}
.pays{margin:0;gap:8px}.pay{background:#202020;border-color:#383838;padding:10px 14px;font-size:13px}
.pay.on{background:#16333A;border-color:#44D3F2;box-shadow:none}.pay.on i{background:#44D3F2;border-color:#44D3F2}
.submit{grid-column:1/-1;max-width:440px;justify-self:center;height:45px;border-radius:999px;background:#F3F3F3;color:#151515;box-shadow:none;font-size:14px;font-weight:600;margin-top:2px}
.submit:hover{box-shadow:none;background:#fff}.submit .spin{border-color:#AAA;border-top-color:#222}
.redeem{padding:16px 20px;background:#101010;border-color:#292929;margin:20px 0 30px}.redeem:hover{transform:none;border-color:#555}.redeem .ico{background:#1A292E;border-color:#28424A}.redeem .ico svg{stroke:#44D3F2}.redeem .btn.pri{background:#F0F0F0;color:#171717;box-shadow:none}
.hist{margin:0;padding:10px 0 45px}.hist h2{font-size:20px}.orders{background:#141414;border-color:#2B2B2B}.orow{border-color:#292929}.toast{z-index:110}
.need-login{background:#151515;border:1px solid #292929;border-radius:20px;margin:30px auto;max-width:600px}
@media(min-width:1440px){.pack{flex-basis:calc((100% - 64px)/5);max-width:none}}
@media(max-width:760px){.wrap{padding-left:20px;padding-right:20px}.top-in{height:64px}.head{padding-top:15px}.head h1{font-size:24px}.pack{flex:0 0 265px;min-width:265px}.checkout{grid-template-columns:1fr;padding:20px}.pays{justify-content:flex-start}.submit{width:100%;max-width:none}.purchase-note{align-items:flex-start;flex-direction:column;gap:6px}.recharge-tabs{gap:24px}.recharge-close{right:12px;top:12px;width:35px;height:35px}.top-right{padding-right:33px}.top .logo{font-size:13px}.redeem{gap:10px}.redeem .sp{display:none}.redeem .tx{flex:1}.redeem .btn{font-size:12px}}
.toast:not(.show){visibility:hidden}
.redeem.anim-up{opacity:1;transform:none;animation:none}