/* Hosted checkout onboarding, scoped away from amount and crypto screens. */
body.rina-payment-screen.p2pz-onboarding{background:#f4f7fa;color:#182b3a;--accent:#087f76;min-height:100vh}
body.p2pz-onboarding .layout{display:block;max-width:1040px;width:100%;min-height:0;margin:48px auto;padding:0 28px;border:0;box-sizing:border-box;background:none}
body.p2pz-onboarding .layout::before,body.p2pz-onboarding .layout::after{display:none}
body.p2pz-onboarding .panel{padding:0;border:0;border-radius:0;background:none;box-shadow:none;min-height:0}
body.p2pz-onboarding #content{padding:0;border:0;background:none}
body.p2pz-onboarding #status:empty{display:none}
.p2pz-checkout,.p2pz-checkout *{box-sizing:border-box}
.p2pz-checkout{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:984px;margin:auto;color:#182b3a}
.p2pz-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:34px}
.p2pz-wordmark{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:750;letter-spacing:-1px;color:#163f44}
.p2pz-symbol{display:grid;place-items:center;width:33px;height:35px;background:#087f76;color:#fff;border-radius:11px 11px 11px 3px;font-size:24px;font-style:italic}
.p2pz-topbar-divider{height:22px;width:1px;background:#d9e2e8;margin:0 8px}
.p2pz-wordmark small{font-size:13px;letter-spacing:0;font-weight:500;color:#6a7c88}
.p2pz-top-note{font-size:12px;color:#7b8b96}
.p2pz-progress{list-style:none;padding:0;margin:0 0 28px;display:flex;align-items:center;gap:22px}
.p2pz-progress li{display:flex;align-items:center;gap:9px;color:#87959e;font-size:12px;white-space:nowrap}
.p2pz-progress li:not(:last-child)::after{content:'';display:block;width:40px;height:1px;background:#d5e0e5;margin-left:12px}
.p2pz-progress li>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #d9e1e7;font-size:11px;font-weight:650;background:#fff}
.p2pz-progress .is-done{color:#087f76}.p2pz-progress .is-done>span{border-color:#c2ded7;background:#e5f3ee}
.p2pz-progress .is-current{color:#203b48;font-weight:650}.p2pz-progress .is-current>span{background:#087f76;border-color:#087f76;color:white;box-shadow:0 0 0 4px #e3efeb}
.p2pz-checkout-grid{display:grid;grid-template-columns:330px minmax(0,1fr);border:1px solid #dde6eb;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 18px 65px #2d4a5910}
.p2pz-checkout .p2pz-order{display:flex;flex-direction:column;padding:36px 30px;background:linear-gradient(145deg,#163b40,#102e36);color:#fff;border:0;min-width:0}
.p2pz-selected-method{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.p2pz-selected-method img{width:126px;height:66px;object-fit:contain;padding:10px 13px;border-radius:12px;background:#10232f;margin-bottom:12px}
.p2pz-onboarding[data-finance-provider=OdenetHavale] .p2pz-selected-method img,.p2pz-onboarding[data-finance-provider=PayOXHavale] .p2pz-selected-method img,.p2pz-onboarding[data-finance-provider=KubePayBankTransfer] .p2pz-selected-method img{background:#fff}
.p2pz-selected-method>span{font-size:11px;color:#adc5c8}.p2pz-selected-method>strong{font-size:17px;font-weight:600;line-height:1.4}
.p2pz-order-amount{padding:32px 0;margin:30px 0;border-block:1px solid #ffffff19;display:flex;flex-direction:column;gap:13px}
.p2pz-order-amount>span{font-size:12px;color:#adc5c8}.p2pz-order-amount>strong{font-size:39px;font-weight:650;letter-spacing:-1.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.p2pz-order-amount .p2pz-currency{font-size:11px;color:#8eafb5}
.p2pz-order-footer{display:flex;align-items:flex-start;gap:12px;margin-top:auto}.p2pz-bank-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:9px;font-size:19px;color:#a9d7cc;flex-shrink:0}
.p2pz-order-footer strong{font-size:12px;font-weight:550}.p2pz-checkout .p2pz-order-footer p{font-size:11px;line-height:1.8;color:#9bb9bf;margin:7px 0 0}
.p2pz-details{padding:40px 42px 28px;min-width:0}
.p2pz-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:1.7px;color:#087f76;margin-bottom:12px}
body.p2pz-onboarding .p2pz-details h2{margin:0;font-size:29px;line-height:1.25;font-weight:650;letter-spacing:-1px;color:#182f3e}
.p2pz-checkout .p2pz-description{font-size:13px;line-height:1.8;color:#71818c;margin:14px 0 30px;max-width:330px}
.p2pz-checkout .p2pz-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.p2pz-checkout .p2pz-fields label{display:flex;flex-direction:column;gap:9px;color:#304956;font-size:12px;font-weight:600;margin:0}
body.p2pz-onboarding .p2pz-fields input{display:block;width:100%;min-width:0;height:51px;padding:0 14px;border:1px solid #dce5eb;border-radius:10px;background:#fafcfd;color:#182f3e;font:400 15px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 1px 2px #163e4c03;transition:border-color .15s,box-shadow .15s}
.p2pz-fields input::placeholder{color:#99a6af;font-size:13px}
body.p2pz-onboarding .p2pz-fields input:focus{outline:none;border-color:#0b8d80;background:#fff;box-shadow:0 0 0 3px #0b8d8012}
.p2pz-checkout .p2pz-field-note{font-size:11px;line-height:1.6;color:#8b98a2;margin:11px 0 24px}
.p2pz-checkout .p2pz-consent{color:#71838d;font-size:11px;line-height:1.8;padding:14px 16px;border:1px solid #e5ecef;border-radius:10px;background:#f7fafb;margin:0 0 20px}
body.p2pz-onboarding button.p2pz-continue{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;margin:0;padding:15px 20px;border:1px solid #08796f;border-radius:11px;background:#087f76;color:#fff;font-size:13px;font-weight:600;box-shadow:0 5px 12px #087f7618;cursor:pointer;transition:background .15s,transform .15s}
body.p2pz-onboarding button.p2pz-continue:hover{background:#066d65}body.p2pz-onboarding button.p2pz-continue:active{transform:translateY(1px)}
.p2pz-continue>span:last-child{font-size:20px;line-height:1}
body.p2pz-onboarding button.p2pz-back{display:block;width:auto;margin:20px auto 0;padding:7px 10px;color:#72848e;font-size:12px;font-weight:500;background:transparent;border:0;border-radius:6px;box-shadow:none;cursor:pointer}
body.p2pz-onboarding button:focus-visible{outline:3px solid #5bbeb0;outline-offset:3px}
body.p2pz-onboarding button:disabled{opacity:.65;cursor:wait}
.p2pz-powered{text-align:center;border-top:1px solid #edf1f4;padding-top:20px;margin-top:22px;font-size:10px;color:#94a1aa}.p2pz-powered strong{font-weight:600;color:#667d86}
.p2pz-checkout .p2pz-form-error{color:#ad3443;background:#fff2f3;border:1px solid #f3d4d9;padding:12px 14px;border-radius:9px;line-height:1.6;font-size:12px;margin:14px 0 0}.p2pz-form-error[hidden]{display:none}
.p2pz-spinner{display:inline-block;width:17px;height:17px;border:2px solid #ffffff55;border-top-color:white;border-radius:50%;animation:p2pz-spin .8s linear infinite}
.p2pz-form-error p{margin:10px 0;font-size:11px;color:#93525b}.p2pz-pending-link{display:block;padding:12px;margin-top:12px;border:1px solid #e3b3bd;border-radius:8px;background:white;color:#923344;font-size:12px;font-weight:600;text-align:center;text-decoration:none}
@keyframes p2pz-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){body.p2pz-onboarding .layout{margin:24px auto;padding:0 18px}.p2pz-topbar{margin-bottom:26px}.p2pz-top-note{display:none}.p2pz-checkout-grid{grid-template-columns:1fr}.p2pz-progress{gap:12px;margin-bottom:24px}.p2pz-progress li{font-size:10px;gap:7px}.p2pz-progress li:not(:last-child)::after{width:18px;margin-left:4px}.p2pz-checkout .p2pz-order{padding:24px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.p2pz-selected-method{gap:7px}.p2pz-selected-method img{width:96px;height:46px;padding:6px 10px;margin:0 0 3px}.p2pz-selected-method>span{display:none}.p2pz-selected-method>strong{font-size:12px}.p2pz-order-amount{margin:0;padding:0;border:0;text-align:right;gap:10px}.p2pz-order-amount>strong{font-size:29px;letter-spacing:-1px}.p2pz-order-amount>span{font-size:10px}.p2pz-order-footer{display:none}.p2pz-details{padding:28px 24px 24px}body.p2pz-onboarding .p2pz-details h2{font-size:26px}.p2pz-checkout .p2pz-description{margin:12px 0 25px}.p2pz-checkout .p2pz-fields{gap:12px}}
@media(max-width:380px){body.p2pz-onboarding .layout{padding:0 12px}.p2pz-progress{gap:7px}.p2pz-progress li:not(:last-child)::after{width:9px;margin-left:0}.p2pz-details{padding:25px 20px}.p2pz-order-amount>strong{font-size:25px}.p2pz-wordmark{font-size:21px}.p2pz-checkout .p2pz-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.p2pz-spinner{animation:none}body.p2pz-onboarding button,body.p2pz-onboarding input{transition:none}}