.recharge-modal[hidden]{display:none!important}.recharge-modal{position:fixed;inset:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:24px}.recharge-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7)}.recharge-modal__panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;gap:16px;width:640px;max-width:100%;max-height:calc(100dvh - 48px);padding:32px;overflow-y:auto;background:#141417;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 24px 64px rgba(0,0,0,.55);scrollbar-width:thin}.recharge-modal__handle{display:none}.recharge-modal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px}.recharge-modal__heading{min-width:0;display:flex;flex-direction:column;gap:4px}.recharge-modal__heading h2,.recharge-modal__subtitle{margin:0}.recharge-modal__heading h2{color:#f2f2f4;font-size:22px;font-weight:600;line-height:30px}.recharge-modal__subtitle{color:#a1a1aa;font-size:13px;font-weight:400;line-height:20px;white-space:nowrap}.recharge-modal__subtitle--mobile{display:none}.recharge-modal__balance{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 12px;color:#e9c977;background:rgba(217,169,74,.14);border-radius:999px}.recharge-modal__balance strong{font-family:Inter,var(--font);font-size:16px;font-weight:600;line-height:20px}.recharge-modal__coin{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;height:14px;background:linear-gradient(135deg,#e9c977 15%,#d9a94a 85%);border:1px solid #e9c977;border-radius:50%}.recharge-modal__coin::before{content:"";position:absolute;inset:2px;border:1px solid rgba(58,42,10,.45);border-radius:50%}.recharge-modal__coin img{position:relative;width:8px;height:8px}.recharge-modal__coin--balance{flex-basis:16px;width:16px;height:16px}.recharge-modal__close{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,4%);border-radius:50%}.recharge-modal__close img{width:18px;height:18px}.recharge-modal__packages{display:grid;grid-template-columns:repeat(3,181px);gap:12px}.recharge-modal__package{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:181px;height:99px;padding:12px;text-align:left;background:#141417;border:1px solid rgba(255,255,255,7%);border-radius:12px}.recharge-modal__package.is-selected{background:rgba(217,169,74,.14);border:1.5px solid #d9a94a}.recharge-modal__package-top{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-height:21px}.recharge-modal__package-name{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#f2f2f4;font-size:15px;font-weight:600;line-height:21px}.recharge-modal__package.is-selected .recharge-modal__package-name,.recharge-modal__package.is-selected .recharge-modal__package-price{color:#e9c977}.recharge-modal__selected-icon{display:none;flex:none;width:14px;height:14px}.recharge-modal__package.is-selected .recharge-modal__selected-icon{display:block}.recharge-modal__package-detail{color:#7c7c86;font-size:12px;font-weight:400;line-height:18px;white-space:nowrap}.recharge-modal__package-price{color:#f2f2f4;font-family:Inter,var(--font);font-size:20px;font-weight:600;line-height:26px}.recharge-modal__package-badge{position:absolute;top:-1px;right:10px;display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;color:#141414;background:linear-gradient(135deg,#e9c977 15%,#d9a94a 85%);border-radius:6px;font-size:11px;font-weight:500;line-height:14px}.recharge-modal__methods{display:grid;grid-template-columns:repeat(2,278px);gap:12px}.recharge-modal__method{display:flex;align-items:center;gap:10px;width:278px;height:52px;padding:0 16px;text-align:left;background:rgba(255,255,255,6%);border:1px solid rgba(255,255,255,.12);border-radius:12px}.recharge-modal__method.is-selected{background:rgba(236,35,127,.1);border-color:rgba(236,35,127,.3)}.recharge-modal__method-check{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;border:1px solid rgba(255,255,255,.24);border-radius:50%}.recharge-modal__method-check img{display:none;width:12px;height:12px}.recharge-modal__method.is-selected .recharge-modal__method-check{border:0;background:linear-gradient(135deg,#ff4a7b 15%,#ec237f 51%,#93226f 85%)}.recharge-modal__method.is-selected .recharge-modal__method-check img{display:block}.recharge-modal__method-copy{display:flex;flex-direction:column;gap:1px;min-width:0;color:#f2f2f4;font-size:14px;font-weight:500;line-height:20px}.recharge-modal__method-copy small{color:#7c7c86;font-size:12px;font-weight:400;line-height:18px}.recharge-modal__pay{display:flex;align-items:center;justify-content:center;width:100%;height:52px;padding:0 28px;color:#fff;background:linear-gradient(135deg,#ff4a7b 15%,#ec237f 51%,#93226f 85%);border-radius:999px;font-size:16px;font-weight:500;line-height:24px}.recharge-modal__status{margin:-8px 0 0;color:#a1a1aa;font-size:12px;line-height:18px;text-align:center}.recharge-modal__status.is-ok{color:#6ee7a8}.recharge-modal__empty{margin:0;grid-column:1/-1;color:rgba(255,255,255,.56);font-size:13px;line-height:20px}.recharge-modal__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7c7c86;font-size:12px;font-weight:400;line-height:18px;white-space:nowrap}.recharge-modal__foot a{display:inline-flex;align-items:center;gap:5px;color:#a1a1aa}.recharge-modal__foot img{width:12px;height:12px}.recharge-modal__close:focus-visible,.recharge-modal__package:focus-visible,.recharge-modal__method:focus-visible,.recharge-modal__pay:focus-visible,.recharge-modal__foot a:focus-visible{outline:2px solid #ff4a7b;outline-offset:2px}@media(max-width:768px){.recharge-modal{align-items:flex-end;justify-content:stretch;padding:0}.recharge-modal__panel{width:100%;max-width:none;max-height:100dvh;padding:12px 20px 24px;gap:14px;border:0;border-radius:20px 20px 0 0;box-shadow:none}.recharge-modal__handle{display:flex;justify-content:center;align-items:center;flex:none;height:4px}.recharge-modal__handle::before{content:"";width:36px;height:4px;background:rgba(255,255,255,.24);border-radius:2px}.recharge-modal__head{min-height:46px}.recharge-modal__heading{gap:2px}.recharge-modal__heading h2{font-size:18px;line-height:26px}.recharge-modal__subtitle{font-size:12px;line-height:18px}.recharge-modal__subtitle--desktop,.recharge-modal__balance{display:none}.recharge-modal__subtitle--mobile{display:block}.recharge-modal__close{position:static;flex:none}.recharge-modal__packages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recharge-modal__package{width:100%}.recharge-modal__package-detail{font-size:clamp(10px,3.2vw,12px)}.recharge-modal__methods{grid-template-columns:repeat(2,minmax(0,1fr))}.recharge-modal__method{width:100%;padding:0 12px}.recharge-modal__method-copy small{font-size:11px;line-height:16px}.recharge-modal__pay{height:48px;padding:0 22px;font-size:15px;line-height:22px}.recharge-modal__foot{font-size:11px;line-height:16px}.recharge-modal__foot img{width:11px;height:11px}}@media(max-width:340px){.recharge-modal__panel{padding-inline:16px}.recharge-modal__package{padding-inline:9px}.recharge-modal__package-name{font-size:13px}.recharge-modal__package-badge{top:-8px;right:4px}.recharge-modal__method{gap:7px;padding-inline:9px}}