.swal2-popup.fp-bnb-popup{ --bnb-line:rgba(255,255,255,.08); --bnb-mute:#8e99ad; --bnb-ink:#f1f5f9; position:relative; isolation:isolate; width:min(430px,calc(100vw - 20px)) !important; max-height:calc(100vh - 20px); max-height:calc(100dvh - 20px); overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; padding:0 0 18px !important; border-radius:var(--fp-r,16px) !important; background:radial-gradient(120% 55% at 0% 0%,rgba(34,211,238,.16) 0%,rgba(34,211,238,0) 60%),radial-gradient(90% 45% at 100% 0%,rgba(99,102,241,.14) 0%,rgba(99,102,241,0) 60%),linear-gradient(180deg,#1b2030 0%,#12151f 100%) !important; border:0 !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.12),0 40px 90px -30px rgba(0,0,0,.9) !important; color:#e2e8f0 !important; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.15) transparent; }
.swal2-popup.fp-bnb-popup .swal2-html-container{ margin:0 !important; padding:0 !important; text-align:left !important; overflow:visible !important; }
.swal2-popup.fp-bnb-popup--busy{ padding:28px 18px !important; }
.swal2-popup.fp-bnb-popup--busy .swal2-title{ color:#f5f6fa !important; font-size:16px !important; }
.fp-bnb{ font-size:13.5px; line-height:1.4; }
.fp-bnb *{ box-sizing:border-box; }

.fp-bnb-head{ display:flex; align-items:center; gap:13px; padding:20px 60px 16px 20px; }
.fp-bnb-ico{ position:relative; width:44px; height:44px; border-radius:var(--fp-r,16px); display:grid; place-items:center; flex:0 0 auto; font-size:21px; color:#04121c; background:linear-gradient(145deg,#67e8f9 0%,#22d3ee 45%,#3b82f6 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 26px -12px rgba(34,211,238,.95); }
.fp-bnb-htx{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.fp-bnb-htx b{ font-size:18px; font-weight:800; letter-spacing:-.02em; line-height:1.2; color:#f8fafc; }
.fp-bnb-htx em{ display:flex; align-items:center; gap:4px; font-style:normal; font-size:12px; font-weight:600; color:#7dd3fc; }
.fp-bnb-htx em i{ color:#fbbf24; font-size:13px; }

.fp-bnb-list{ list-style:none; margin:0 16px; padding:6px; border-radius:var(--fp-r,16px); background:rgba(255,255,255,.03); box-shadow:inset 0 0 0 1px var(--bnb-line); }
.fp-bnb-list > li{ display:flex; align-items:center; gap:12px; padding:6px; border-radius:var(--fp-r,16px); animation:fpBnbIn .38s cubic-bezier(.22,1,.36,1) both; animation-delay:calc(var(--i,0) * 50ms + 60ms); }
.fp-bnb-list > li + li{ margin-top:2px; }
.fp-bnb-th{ flex:0 0 44px; width:44px; height:58px; border-radius:var(--fp-r,16px); overflow:hidden; display:grid; place-items:center; background:linear-gradient(145deg,#334155,#1e293b); box-shadow:0 8px 18px -10px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.08); }
.fp-bnb-th img{ width:100%; height:100%; object-fit:cover; display:block; }
.fp-bnb-th b{ font-size:18px; font-weight:800; color:#cbd5e1; }
.fp-bnb-it{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; }
.fp-bnb-it b{ font-size:13.5px; font-weight:700; line-height:1.3; color:var(--bnb-ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.fp-bnb-it em{ align-self:flex-start; font-style:normal; font-size:11px; font-weight:700; padding:1px 7px; border-radius:var(--fp-r,16px); color:#bae6fd; background:rgba(56,189,248,.12); }
.fp-bnb-ip{ flex:0 0 auto; font-size:13.5px; font-weight:800; color:#f8fafc; font-variant-numeric:tabular-nums; white-space:nowrap; }
.fp-bnb-list > li.fp-bnb-more{ justify-content:center; padding:7px; font-size:12px; font-weight:600; color:var(--bnb-mute); }
.fp-bnb-note{ display:flex; align-items:center; gap:6px; margin:8px 18px 0; font-size:12px; color:#fcd34d; }

.fp-bnb-wallet{ margin:16px 16px 0; padding:13px 14px 12px; border-radius:var(--fp-r,16px); background:linear-gradient(135deg,rgba(34,211,238,.10) 0%,rgba(59,130,246,.06) 60%,rgba(99,102,241,.08) 100%); box-shadow:inset 0 0 0 1px rgba(56,189,248,.2); }
.fp-bnb-w1,.fp-bnb-w2{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.fp-bnb-w1 > span:first-child{ display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600; color:#bae6fd; }
.fp-bnb-w1 > span:first-child i{ font-size:15px; }
.fp-bnb-w1 .fp-money{ font-size:16px; font-weight:800; color:#f8fafc; font-variant-numeric:tabular-nums; }
.fp-bnb-meter{ position:relative; height:7px; margin:10px 0 9px; border-radius:var(--fp-r,16px); overflow:hidden; background:rgba(255,255,255,.08); }
.fp-bnb-meter i{ position:absolute; left:0; top:0; bottom:0; border-radius:inherit; background:linear-gradient(90deg,#22d3ee,#3b82f6 70%,#818cf8); box-shadow:0 0 12px rgba(34,211,238,.55); transition:width .45s cubic-bezier(.22,1,.36,1); }
.fp-bnb-w2 > span:first-child{ font-size:12px; color:var(--bnb-mute); }
.fp-bnb-w2 .fp-money{ font-size:13px; font-weight:800; color:#86efac; font-variant-numeric:tabular-nums; }

.fp-bnb-sum{ margin:14px 18px 0; }
.fp-bnb-sum .fp-money{ font-variant-numeric:tabular-nums; }
.fp-bnb-pay{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.fp-bnb-pay > span:first-child{ font-size:13.5px; color:#cbd5e1; font-weight:700; }
.fp-bnb-pay .fp-money{ font-size:24px; font-weight:800; color:#fff; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }

.fp-bnb-terms{ position:relative; display:flex; align-items:flex-start; gap:10px; margin:14px 16px 0; padding:11px 12px; border-radius:var(--fp-r,16px); background:rgba(255,255,255,.03); box-shadow:inset 0 0 0 1px var(--bnb-line); font-size:11.5px; line-height:1.55; color:var(--bnb-mute); cursor:pointer; transition:box-shadow .2s,background .2s; }
.fp-bnb-terms:hover{ box-shadow:inset 0 0 0 1px rgba(56,189,248,.35); }
.fp-bnb-terms input{ position:absolute; opacity:0; width:20px; height:20px; margin:0; left:12px; top:11px; cursor:pointer; }
.fp-bnb-cbx{ flex:0 0 20px; width:20px; height:20px; margin-top:1px; border-radius:var(--fp-r,16px); display:grid; place-items:center; background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28); color:#04121c; font-size:15px; transition:background .2s,box-shadow .2s; }
.fp-bnb-cbx i{ opacity:0; transform:scale(.4); transition:opacity .15s,transform .25s cubic-bezier(.3,1.7,.5,1); }
.fp-bnb-terms input:checked + .fp-bnb-cbx{ background:linear-gradient(135deg,#4ade80,#22d3ee); box-shadow:0 4px 12px -4px rgba(34,211,238,.8); }
.fp-bnb-terms input:checked + .fp-bnb-cbx i{ opacity:1; transform:none; }
.fp-bnb-terms input:focus-visible + .fp-bnb-cbx{ outline:2px solid #7dd3fc; outline-offset:2px; }
.fp-bnb-terms:has(input:checked){ background:rgba(74,222,128,.06); box-shadow:inset 0 0 0 1px rgba(74,222,128,.3); }
.fp-bnb-terms a{ color:#7dd3fc; text-decoration:underline; text-decoration-color:rgba(125,211,252,.4); text-underline-offset:2px; }
.fp-bnb-terms a:hover{ text-decoration-color:#7dd3fc; }

.swal2-popup.fp-bnb-popup .fp-bnb-valid{ margin:10px 16px 0 !important; padding:9px 12px !important; border-radius:var(--fp-r,16px) !important; background:rgba(239,68,68,.12) !important; box-shadow:inset 0 0 0 1px rgba(239,68,68,.3); color:#fca5a5 !important; font-size:12.5px !important; justify-content:flex-start !important; }
.swal2-popup.fp-bnb-popup .fp-bnb-valid::before{ display:none !important; }
.swal2-popup.fp-bnb-popup .fp-bnb-actions{ display:flex !important; flex-direction:column !important; gap:6px; width:auto !important; margin:14px 16px 0 !important; padding:0 !important; }
.fp-bnb-btn{ display:flex !important; align-items:center; justify-content:center; gap:8px; width:100%; margin:0 !important; border:0; cursor:pointer; font-family:inherit; }
.fp-bnb-btn--ok{ position:relative; overflow:hidden; isolation:isolate; min-height:56px; padding:0 18px; border-radius:var(--fp-r,16px); font-size:15.5px; font-weight:800; letter-spacing:-.01em; color:#03131f !important; background:linear-gradient(100deg,#4ade80 0%,#22d3ee 50%,#60a5fa 100%) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 18px 34px -16px rgba(34,211,238,.95); transition:transform .15s ease,filter .2s,box-shadow .2s; }
.fp-bnb-btn--ok::after{ content:""; position:absolute; top:0; bottom:0; left:0; width:55%; pointer-events:none; background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%); transform:translateX(-170%) skewX(-12deg); animation:fpBnbShine 3.6s ease-in-out 1s infinite; }
.fp-bnb-btn--ok:hover{ transform:translateY(-1px); filter:brightness(1.05); }
.fp-bnb-btn--ok:active{ transform:translateY(0) scale(.99); }
.fp-bnb-btn--ok i{ font-size:19px; }
.fp-bnb-btn-amt{ margin-left:2px; padding:3px 10px; border-radius:var(--fp-r,16px); font-size:13.5px; font-weight:800; background:rgba(3,19,31,.14); box-shadow:inset 0 0 0 1px rgba(3,19,31,.12); font-variant-numeric:tabular-nums; }
.fp-bnb-btn-amt .fp-money{ color:inherit; }
.fp-bnb-btn--alt{ min-height:44px; border-radius:var(--fp-r,16px); color:#aab4c8 !important; background:transparent !important; font-weight:700; font-size:13px; transition:color .2s,background .2s; }
.fp-bnb-btn--alt:hover{ color:#f1f5f9 !important; background:rgba(255,255,255,.05) !important; }
.fp-bnb-btn--alt i{ font-size:16px; }
.fp-bnb-btn--ok:focus-visible,.fp-bnb-btn--alt:focus-visible{ outline:2px solid #e0f2fe; outline-offset:3px; }
.swal2-popup.fp-bnb-popup .swal2-loader{ border-color:#22d3ee transparent #22d3ee transparent; margin:6px auto; }
.swal2-popup.fp-bnb-popup .fp-bnb-close{ position:absolute !important; z-index:3; margin:0 !important; top:24px !important; right:16px !important; width:34px !important; height:34px !important; border-radius:var(--fp-r,12px) !important; border:0 !important; background:rgba(255,255,255,.06) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.1) !important; color:#aab4c8 !important; font-size:22px !important; transition:background .2s,color .2s,transform .2s !important; }
.swal2-popup.fp-bnb-popup .fp-bnb-close:hover{ background:rgba(255,255,255,.12) !important; color:#fff !important; transform:rotate(90deg); }

.fp-bnb-wl{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:12px 18px 0; padding:0 2px; font-size:12px; color:#94a3b8; }
.fp-bnb-wl i{ color:#7dd3fc; margin-right:2px; }
.fp-bnb-wl b{ font-weight:800; color:#e2e8f0; font-variant-numeric:tabular-nums; }
.fp-bnb-wl b .fp-money{ color:inherit; }
.fp-bnb-wl > span:last-child b{ color:#86efac; }
.fp-bnb-so{ margin:12px 16px 0; padding:11px 12px 12px; border-radius:var(--fp-r,16px); background:linear-gradient(135deg,rgba(251,191,36,.13),rgba(249,115,22,.05) 70%); box-shadow:inset 0 0 0 1px rgba(251,191,36,.34); animation:fpBnbIn .3s ease both; }
.fp-bnb-so.is-on{ background:linear-gradient(135deg,rgba(52,211,153,.13),rgba(16,185,129,.04) 70%); box-shadow:inset 0 0 0 1px rgba(52,211,153,.4); }
.fp-bnb-so-hd{ display:flex; align-items:center; gap:8px; margin-bottom:9px; font-size:10.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:#fcd34d; }
.fp-bnb-so-hd > span:first-child{ display:flex; align-items:center; gap:5px; }
.fp-bnb-so-hd em{ font-style:normal; color:#fff; }
.fp-bnb-so-tm{ display:inline-flex; align-items:center; gap:3px; padding:2px 7px; border-radius:999px; background:rgba(251,191,36,.16); color:#fde68a; letter-spacing:0; font-variant-numeric:tabular-nums; }
.fp-bnb-so-nav{ margin-left:auto; display:flex; gap:4px; }
.fp-bnb-so-nav button{ width:24px; height:24px; border:0; border-radius:8px; background:rgba(255,255,255,.07); color:#e2e8f0; display:grid; place-items:center; cursor:pointer; }
.fp-bnb-so-row{ display:flex; align-items:center; gap:11px; }
.fp-bnb-so-th{ flex:0 0 auto; width:38px; height:50px; border-radius:9px; overflow:hidden; background:#1e293b; display:grid; place-items:center; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }
.fp-bnb-so-th img{ width:100%; height:100%; object-fit:cover; }
.fp-bnb-so-th b{ color:#fcd34d; font-weight:800; }
.fp-bnb-so-tx{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; }
.fp-bnb-so-tx > b{ font-size:13px; font-weight:800; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fp-bnb-so-tx > span{ display:flex; align-items:baseline; flex-wrap:wrap; gap:6px; font-size:12px; }
.fp-bnb-so-tx del{ color:#64748b; }
.fp-bnb-so-tx strong{ font-size:14px; font-weight:900; color:#fde68a; }
.fp-bnb-so-tx strong .fp-money, .fp-bnb-so-tx del .fp-money{ color:inherit; }
.fp-bnb-so-dc{ font-style:normal; padding:1px 6px; border-radius:999px; font-size:10.5px; font-weight:800; background:rgba(244,63,94,.18); color:#fda4af; }
.fp-bnb-so-tx small{ font-size:11px; color:#6ee7b7; display:flex; align-items:center; gap:3px; }
.fp-bnb-so-btn{ flex:0 0 auto; height:34px; min-width:68px; padding:0 12px; border:0; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; gap:4px; font:inherit; font-size:12.5px; font-weight:800; color:#241a05; cursor:pointer; background:linear-gradient(100deg,#fde68a,#fbbf24 55%,#f59e0b); box-shadow:0 10px 20px -12px rgba(251,191,36,.95); transition:transform .15s,filter .15s; }
.fp-bnb-so-btn:hover{ filter:brightness(1.06); }
.fp-bnb-so-btn.is-on{ color:#e2e8f0; background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); }
.fp-bnb-so-btn.is-busy{ pointer-events:none; opacity:.8; }
.fp-bnb-so-err{ margin:8px 0 0; font-size:11.5px; color:#fca5a5; }
@media (max-width:560px){ .fp-bnb-wl{ margin-left:14px; margin-right:14px; } .fp-bnb-so{ margin-left:12px; margin-right:12px; } }
.fp-bnb-prio{ display:flex; align-items:center; gap:10px; width:calc(100% - 32px); margin:14px 16px 0; padding:10px 12px; border:0; border-radius:var(--fp-r,16px); background:linear-gradient(135deg,rgba(251,191,36,.12),rgba(251,191,36,.03)); box-shadow:inset 0 0 0 1px rgba(251,191,36,.32); color:#fff; font-family:inherit; text-align:left; cursor:pointer; transition:box-shadow .2s,background .2s; }
.fp-bnb-prio:hover{ box-shadow:inset 0 0 0 1px rgba(251,191,36,.6); }
.fp-bnb-prio__ic{ flex:0 0 auto; display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:rgba(251,191,36,.16); color:#fbbf24; font-size:17px; }
.fp-bnb-prio__t{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:1px; }
.fp-bnb-prio__t b{ font-size:13.5px; font-weight:800; line-height:1.2; }
.fp-bnb-prio__t small{ font-size:11.5px; color:rgba(226,232,240,.62); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fp-bnb-prio__px{ flex:0 0 auto; font-size:13px; font-weight:900; color:#fde68a; white-space:nowrap; }
.fp-bnb-prio__px .fp-money{ color:inherit; }
.fp-bnb-prio__sw{ flex:0 0 auto; position:relative; width:36px; height:21px; border-radius:21px; background:rgba(255,255,255,.16); transition:background .2s; }
.fp-bnb-prio__sw::after{ content:""; position:absolute; top:3px; left:3px; width:15px; height:15px; border-radius:50%; background:#fff; transition:transform .2s; }
.fp-bnb-prio.is-on{ background:linear-gradient(135deg,rgba(251,191,36,.22),rgba(249,115,22,.08)); box-shadow:inset 0 0 0 1px rgba(251,191,36,.8); }
.fp-bnb-prio.is-on .fp-bnb-prio__sw{ background:linear-gradient(90deg,#f59e0b,#fbbf24); }
.fp-bnb-prio.is-on .fp-bnb-prio__sw::after{ transform:translateX(15px); }
@media (max-width:560px){ .fp-bnb-prio{ width:calc(100% - 24px); margin-left:12px; margin-right:12px; } }
@keyframes fpBnbIn{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
@keyframes fpBnbPop{ from{ transform:scale(.3); } to{ transform:scale(1); } }
@keyframes fpBnbShine{ 0%,62%{ transform:translateX(-170%) skewX(-12deg); } 88%,100%{ transform:translateX(280%) skewX(-12deg); } }

.swal2-container.fp-bnb-host{ -webkit-backdrop-filter:blur(8px) saturate(120%); backdrop-filter:blur(8px) saturate(120%); }
.swal2-container.fp-bnb-host.swal2-backdrop-show{ animation:fpBnbFade .3s ease both; }
@keyframes fpBnbFade{ from{ -webkit-backdrop-filter:blur(0); backdrop-filter:blur(0); background:rgba(3,6,12,0); } }

.fp-bnb-ico--warn{ color:#241a05; background:linear-gradient(145deg,#fde68a 0%,#fbbf24 45%,#f97316 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 26px -12px rgba(249,115,22,.95); }
.fp-bnb--short .fp-bnb-htx em{ color:#fcd34d; }
.fp-bnb-wallet--short{ background:linear-gradient(135deg,rgba(251,191,36,.10) 0%,rgba(249,115,22,.06) 60%,rgba(244,63,94,.06) 100%); box-shadow:inset 0 0 0 1px rgba(251,191,36,.25); }
.fp-bnb-wallet--short .fp-bnb-w1 > span:first-child{ color:#fde68a; }
.fp-bnb-wallet--short .fp-bnb-meter i{ background:linear-gradient(90deg,#fbbf24,#f97316); box-shadow:0 0 12px rgba(251,146,60,.55); }
.fp-bnb-w2 .fp-bnb-miss .fp-money{ color:#fca5a5; }
.fp-bnb-keep{ display:flex; align-items:flex-start; gap:8px; margin:12px 16px 0; padding:10px 12px; border-radius:var(--fp-r,16px); font-size:11.5px; line-height:1.5; color:#94a3b8; background:rgba(255,255,255,.03); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }
.fp-bnb-keep i{ flex:0 0 auto; margin-top:1px; font-size:15px; color:#7dd3fc; }
.fp-bnb-btn--topup{ color:#241a05 !important; background:linear-gradient(100deg,#fde68a 0%,#fbbf24 40%,#f97316 100%) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 18px 34px -16px rgba(249,115,22,.95) !important; }
.fp-bnb-btn--topup .fp-bnb-btn-amt{ background:rgba(36,26,5,.12); box-shadow:inset 0 0 0 1px rgba(36,26,5,.14); }

@media (max-width:560px){
  .fp-bnb-keep{ margin-left:12px; margin-right:12px; }
  .swal2-popup.fp-bnb-popup{ border-radius:var(--fp-r,16px) !important; }
  .fp-bnb-head{ padding:18px 56px 14px 16px; gap:11px; }
  .fp-bnb-ico{ width:40px; height:40px; font-size:19px; border-radius:var(--fp-r,16px); }
  .fp-bnb-htx b{ font-size:16.5px; }
  .fp-bnb-list,.fp-bnb-wallet{ margin-left:12px; margin-right:12px; }
  .fp-bnb-sum{ margin-left:14px; margin-right:14px; }
  .fp-bnb-terms{ margin-left:12px; margin-right:12px; }
  .swal2-popup.fp-bnb-popup .fp-bnb-actions{ margin-left:12px !important; margin-right:12px !important; }
  .fp-bnb-pay .fp-money{ font-size:22px; }
  .fp-bnb-btn--ok{ font-size:14.5px; }
}
@media (prefers-reduced-motion:reduce){
  .fp-bnb-list > li{ animation:none; }
  .fp-bnb-btn--ok::after{ display:none; }
  .fp-bnb-meter i{ transition:none; }
}