.sfpay-ov{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 16px;font-family:'Nunito Sans',sans-serif;color:#d6d6d6}
.sfpay{position:relative;width:100%;max-width:560px;background:linear-gradient(155deg,#1e1e1e 0%,#0b0b0b 40%,#050505 70%,#141414 100%);border:1px solid rgba(220,224,229,.18);box-shadow:0 30px 80px -20px rgba(0,0,0,.9);padding:34px 34px 30px}
.sfpay *{box-sizing:border-box}
.sfpay-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:transparent;color:#a9a9a9;font-size:26px;line-height:1;cursor:pointer}
.sfpay-x:hover{color:#fff}
.sfpay-k{margin:0;font-family:Oswald,sans-serif;font-weight:300;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#8f8f8f}
.sfpay-h{margin:6px 0 0;font-family:Oswald,sans-serif;font-weight:300;font-size:26px;line-height:1.15;letter-spacing:.05em;text-transform:uppercase;color:#fff}
.sfpay-line{height:1px;margin:22px 0;background:linear-gradient(90deg,rgba(201,206,214,0),#c9ced6,#fff,#c9ced6,rgba(201,206,214,0));opacity:.6}
.sfpay-rows{display:grid;gap:0}
.sfpay-r{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;line-height:1.45}
.sfpay-r span:last-child{white-space:nowrap;color:#fff}
.sfpay-r.sfpay-s span:first-child{color:#a9a9a9}
.sfpay-tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px}
.sfpay-tot b{font-family:Oswald,sans-serif;font-weight:300;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#c9ced6}
.sfpay-tot strong{font-family:Oswald,sans-serif;font-weight:300;font-size:38px;line-height:1;color:#fff}
.sfpay-note{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:#8f8f8f}
.sfpay-lbl{display:block;margin-top:22px;font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#c9ced6}
.sfpay-in,.sfpay-sel{width:100%;height:46px;margin-top:6px;border:0;border-bottom:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:400 16px 'Nunito Sans',sans-serif;outline:none;border-radius:0}
.sfpay-sel option{background:#111;color:#fff}
.sfpay-in:focus,.sfpay-sel:focus{border-bottom-color:#fff}
.sfpay-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sfpay-cp{display:flex;gap:10px;align-items:flex-end}
.sfpay-cp .sfpay-in{flex:1;text-transform:uppercase}
.sfpay-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid transparent;cursor:pointer;font-family:Oswald,sans-serif;font-weight:400;font-size:13px;letter-spacing:.2em;text-transform:uppercase;transition:filter .3s,opacity .3s}
.sfpay-btn[disabled]{opacity:.45;cursor:default}
.sfpay-go{width:100%;margin-top:22px;color:#0A0A0A;background:linear-gradient(110deg,#8e949c 0%,#dfe3e8 30%,#fff 46%,#c9ced6 62%,#a9afb7 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 26px -12px rgba(220,224,229,.6)}
.sfpay-go:hover{filter:brightness(1.06)}
.sfpay-ln{min-height:46px;background:transparent;color:#DCE0E5;border-color:rgba(220,224,229,.45)}
.sfpay-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.sfpay-tab{min-height:48px;border:1px solid #3a3a3a;background:rgba(255,255,255,.02);color:#d6d6d6;cursor:pointer;font:600 14px 'Nunito Sans',sans-serif}
.sfpay-tab[aria-pressed=true]{border-color:#fff;color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.02) 60%);box-shadow:0 0 0 1px #fff inset}
.sfpay-box{margin-top:18px;padding:18px;background:#fafafa;border-radius:4px;min-height:60px}
.sfpay-pp{margin-top:18px;min-height:50px}
.sfpay-err{margin:14px 0 0;padding:12px 14px;border:1px solid #6b4a4a;background:rgba(160,60,60,.12);color:#f0c4c4;font-size:13.5px;line-height:1.55}
.sfpay-ok{margin:14px 0 0;font-size:13px;color:#cfe6c8}
.sfpay-fee{margin:12px 0 0;font-size:12.5px;line-height:1.6;color:#a9a9a9}
.sfpay-prog{margin-top:18px;height:2px;background:rgba(255,255,255,.08);overflow:hidden}
.sfpay-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8e949c,#fff,#c9ced6);transition:width .3s}
.sfpay-wait{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:14px;color:#c9ced6}
.sfpay-spin{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:sfpayspin .8s linear infinite}
@keyframes sfpayspin{to{transform:rotate(360deg)}}
.sfpay-sec{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:12px;line-height:1.6;color:#8f8f8f}
.sfpay-test{display:inline-block;margin-left:10px;padding:2px 8px;border:1px solid #8a6a2f;color:#e6c475;font-size:10px;letter-spacing:.2em;vertical-align:middle}
.sfpay-hide{display:none!important}
@media (max-width:560px){.sfpay-ov{padding:0}.sfpay{min-height:100%;border:0;padding:28px 20px 26px}.sfpay-two{grid-template-columns:1fr}.sfpay-tot strong{font-size:32px}.sfpay-h{font-size:22px}}
