.nbp .nbp-hero{position:relative;overflow:hidden;isolation:isolate}
.nbp .nbp-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.35;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.nbp .nbp-hero>*{position:relative;z-index:2}
.nbp .nbp-sheen{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit}
.nbp .nbp-sheen::after{content:"";position:absolute;top:-60%;left:-30%;width:28%;height:220%;transform:rotate(18deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.13),rgba(255,255,255,0));
  animation:nbpSheen 7.5s cubic-bezier(.4,0,.2,1) infinite}
@keyframes nbpSheen{0%{left:-35%}55%{left:125%}100%{left:125%}}
.nbp .nbp-ring{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;padding:1px;
  background:linear-gradient(140deg,rgba(255,255,255,.34),rgba(255,255,255,.02) 42%,rgba(54,224,94,.28));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
@media(prefers-reduced-motion:reduce){.nbp .nbp-sheen{display:none}}

.nbp .nbp-ringwrap{display:flex;align-items:center;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--nbp-line-soft)}
.nbp .nbp-donut{--p:0;position:relative;width:88px;height:88px;flex:0 0 88px;border-radius:50%;
  background:conic-gradient(var(--nbp-green) calc(var(--p)*1%),#e9eef5 0);transition:background .6s cubic-bezier(.2,.8,.2,1)}
.nbp .nbp-donut::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff;box-shadow:inset 0 1px 3px rgba(13,21,34,.06)}
.nbp .nbp-donut b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;
  font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:800;color:var(--nbp-ink)}
.nbp .nbp-ringtxt{min-width:0}
.nbp .nbp-ringtxt .l1{font-size:13.5px;font-weight:800;color:var(--nbp-ink)}
.nbp .nbp-ringtxt .l2{font-size:11.5px;color:var(--nbp-dim);margin-top:3px;line-height:1.5}

.nbp .nbp-skel{display:block}
.nbp .nbp-skel i{display:block;height:44px;border-radius:11px;margin-bottom:9px;
  background:linear-gradient(90deg,#f1f4f9 25%,#e7edf5 37%,#f1f4f9 63%);background-size:400% 100%;animation:nbpShim 1.25s ease-in-out infinite}
.nbp .nbp-skel i:nth-child(2){opacity:.85}.nbp .nbp-skel i:nth-child(3){opacity:.7}.nbp .nbp-skel i:nth-child(4){opacity:.55}
@keyframes nbpShim{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media(prefers-reduced-motion:reduce){.nbp .nbp-skel i{animation:none}}

.nbp .nbp-flash{animation:nbpFlash .9s ease-out}
@keyframes nbpFlash{0%{text-shadow:0 0 0 rgba(14,158,12,0)}25%{text-shadow:0 0 16px rgba(14,158,12,.55)}100%{text-shadow:0 0 0 rgba(14,158,12,0)}}

.nbp .nbp-rv{opacity:0;transform:translateY(10px)}
.nbp .nbp-rv.in{opacity:1;transform:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:reduce){.nbp .nbp-rv{opacity:1;transform:none}}

.nbp-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);z-index:1300;display:flex;align-items:center;gap:9px;
  padding:11px 17px;border-radius:12px;background:#0d1522;color:#fff;font-size:13px;font-weight:600;
  box-shadow:0 20px 40px -24px rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.nbp-toast.on{opacity:1;transform:translate(-50%,0)}
.nbp-toast svg{width:15px;height:15px;color:#36e05e}

.nbp #payQr{position:relative}
.nbp #payQr::after{content:"";position:absolute;inset:-8px;border-radius:16px;border:2px solid rgba(19,102,207,.35);animation:nbpPulse 2.4s ease-out infinite}
@keyframes nbpPulse{0%{transform:scale(.97);opacity:.85}70%{transform:scale(1.04);opacity:0}100%{opacity:0}}
.nbp #payAddr{border-style:dashed!important}

.nbp :focus-visible{outline:2px solid var(--nbp-blue);outline-offset:2px;border-radius:8px}
.nbp-kbd{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;color:var(--nbp-dim);
  background:#f1f4f9;border:1px solid #e4eaf2;border-radius:6px;padding:1px 6px;flex:0 0 auto}
.nbp-item.on .nbp-kbd{background:rgba(255,255,255,.65);border-color:rgba(19,102,207,.2);color:var(--nbp-blue)}
@media(max-width:900px){.nbp-kbd{display:none}}