:root{--pay-bg:#07111d;--pay-panel:#0c2233;--pay-panel-2:#0a1c2b;--pay-line:#1d4c68;--pay-line-soft:rgba(103,183,228,.16);--pay-text:#f4fbff;--pay-muted:#8eb2c7;--pay-cyan:#2bbbe7;--pay-cyan-2:#72dcff;--pay-green:#64d9ad;--pay-yellow:#f6cf4c;--pay-radius:18px;--font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;--font-display:"Segoe UI Variable Display","Segoe UI",system-ui,Arial,sans-serif}
*{box-sizing:border-box}.payment-page{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(26,115,159,.12),transparent 38%),linear-gradient(180deg,#071522,#06111c);color:var(--pay-text);font-family:var(--font-family);font-size:16px}.skip-link{position:fixed;left:10px;top:10px;transform:translateY(-160%);z-index:1000;background:#fff;color:#07111d;padding:9px 12px;border-radius:8px}.skip-link:focus{transform:none}
.pay-topbar{min-height:76px;border-bottom:1px solid var(--pay-line-soft);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(18px,4vw,54px);background:rgba(4,14,24,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.pay-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.pay-brand img{border-radius:12px}.pay-brand span{display:grid;gap:1px}.pay-brand strong{font-size:17px}.pay-brand small{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--pay-muted)}.pay-top-actions{display:flex;align-items:center;gap:18px}.pay-verified{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(80,215,171,.25);border-radius:999px;background:rgba(80,215,171,.07);color:#a9ecd4;font-size:11px;font-weight:800}.pay-verified b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(80,215,171,.15);color:#70e2ba}.pay-back{color:#aee6ff;text-decoration:none;font-weight:800;font-size:12px}.pay-back:hover{text-decoration:underline}
.pay-shell{width:min(980px,calc(100% - 32px));margin:0 auto;padding:48px 0 30px}.pay-hero{text-align:center;max-width:780px;margin:0 auto 26px}.pay-eyebrow,.pay-kicker{display:block;color:#61d4ff;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.pay-hero h1{margin:10px 0 2px;font:850 clamp(42px,6vw,62px)/1 var(--font-display);letter-spacing:-.045em}.pay-hero h1 strong{color:#fff}.pay-product-line{margin:8px 0 12px;color:#bdd7e5;font-size:18px}.pay-product-line b{color:#fff}.pay-hero-copy{margin:0 auto;color:#9fc3d6;font-size:16px;line-height:1.65;max-width:720px}
.pay-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 30px;align-items:center;border:1px solid var(--pay-line);border-radius:var(--pay-radius);background:linear-gradient(180deg,rgba(17,45,65,.88),rgba(10,31,47,.94));padding:20px 22px;margin-bottom:18px;box-shadow:0 22px 55px rgba(0,0,0,.17)}.pay-order-product{display:flex;align-items:center;gap:18px}.pay-order-product>.pay-kicker{min-width:85px}.pay-order h2{font-size:22px;line-height:1.2;margin:0 0 5px}.pay-order p{margin:0;color:var(--pay-muted);font-size:13px;line-height:1.55}.pay-order-total{text-align:right;display:grid;justify-items:end;gap:1px}.pay-order-total>span{font-size:11px;color:var(--pay-muted)}.pay-order-total strong{font-size:32px;letter-spacing:-.035em}.pay-order-total strong small{font-size:12px;color:#82ddff}.pay-order-total>small{font-size:10px;color:#739db4}.pay-order-trust{grid-column:1/-1;border-top:1px solid rgba(100,180,220,.14);padding-top:12px;color:#9ec9ba;font-size:12px}.pay-order-trust span{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:rgba(80,215,171,.12);color:#70e1b9;margin-inline-end:7px}.pay-order-trust b{color:#b9ead8}
.pay-flow{display:grid;gap:18px}.pay-section,.pay-support,.pay-success{border:1px solid var(--pay-line);border-radius:var(--pay-radius);background:rgba(11,31,47,.94);box-shadow:0 20px 50px rgba(0,0,0,.15)}.pay-section{padding:24px}.pay-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.pay-section-head>div{display:flex;align-items:center;gap:12px}.pay-section-head h2,.pay-support h2,.pay-success h2{font-size:23px;line-height:1.2;margin:2px 0 0}.pay-step{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #2a7297;border-radius:10px;background:#0d3b55;color:#8be1ff;font-size:13px;font-weight:900}.pay-exact{font-size:12px;color:var(--pay-muted)}.pay-exact strong{color:#fff;font-size:17px}.pay-section-lead{margin:-4px 0 18px;color:#9ebfd0;font-size:14px;line-height:1.6}
.pay-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.pay-method-tab{position:relative;display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 14px;border:1px solid #244e68;border-radius:13px;background:#081b2a;cursor:pointer;transition:.16s ease}.pay-method-tab:hover{border-color:#347ba0;background:#0a2435}.pay-method-tab input{position:absolute;opacity:0;pointer-events:none}.pay-method-tab:has(input:checked){border-color:#38b7e6;background:linear-gradient(180deg,rgba(19,67,92,.76),rgba(10,40,58,.86));box-shadow:0 0 0 2px rgba(56,183,230,.1) inset}.pay-method-logo{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:#173f58;color:#e8faff;font-size:18px;font-weight:900}.is-binance .pay-method-logo{background:#3d3410;color:#ffda4e}.is-usdt .pay-method-logo{background:#123d36;color:#70e4c7}.pay-method-name{display:grid;gap:2px;min-width:0}.pay-method-name strong{font-size:16px}.pay-method-name small{color:#88aec2;font-size:11px}.pay-check{margin-inline-start:auto;width:23px;height:23px;border:1px solid #42677d;border-radius:50%;display:grid;place-items:center;color:transparent;font-size:13px}.pay-method-tab:has(input:checked) .pay-check{background:#1a9fcd;border-color:#43c6f3;color:#fff}
.pay-method-panel{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;align-items:center;padding:20px;border:1px solid #24536e;border-radius:15px;background:linear-gradient(180deg,#091d2c,#081824)}.pay-method-panel[hidden]{display:none!important}.pay-qr-wrap{display:grid;justify-items:center;gap:8px}.pay-qr-card{background:#fff;padding:10px;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.22)}.pay-qr-card img{display:block;width:176px;height:176px;image-rendering:auto}.pay-qr-wrap>span{color:#87b1c7;font-size:11px;text-align:center}.pay-method-details{min-width:0}.pay-method-badge{display:inline-block;padding:5px 8px;border-radius:7px;background:rgba(246,207,76,.12);color:#ffe47b;font-size:10px;font-weight:900;letter-spacing:.08em}.is-usdt-badge{background:rgba(100,217,173,.1);color:#7ce6c1}.pay-method-details h3{margin:10px 0 14px;font-size:23px;line-height:1.25}.pay-method-details h3 strong{color:#fff}.pay-value-large>span{display:block;color:#86adc1;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.pay-value-large>div{display:flex;gap:8px}.pay-value-large code{display:flex;align-items:center;min-width:0;flex:1;min-height:50px;padding:10px 13px;border:1px solid #2a5872;border-radius:10px;background:#061522;color:#effbff;font:800 17px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}.pay-copy{min-width:94px;border:1px solid #35759a;border-radius:10px;background:#103c55;color:#c9efff;font-weight:850;font-size:12px;padding:0 13px;cursor:pointer}.pay-copy:hover{background:#155370}.pay-simple-steps{margin:15px 0 0;padding-inline-start:22px;color:#9dbfd0;font-size:13px;line-height:1.7}.pay-network-warning{margin-top:14px;padding:10px 12px;border:1px solid rgba(246,207,76,.26);border-radius:9px;background:rgba(246,207,76,.06);color:#c9b96d;font-size:12px}.pay-network-warning b{color:#ffe47c}
.pay-email-field{max-width:620px}.pay-field{display:grid;gap:7px}.pay-field>span{color:#c0d7e3;font-size:12px;font-weight:800}.pay-field b{color:#75d8ff}.pay-field small{font-weight:500;color:#739bb1;margin-inline-start:6px}.pay-field input{width:100%;min-height:50px;border:1px solid #2c5972;border-radius:10px;background:#071925;color:#f4fbff;padding:0 14px;outline:none;font:inherit;font-size:15px}.pay-field input:focus{border-color:#42b4e0;box-shadow:0 0 0 3px rgba(32,169,224,.11)}
.pay-upload{position:relative;min-height:150px;border:2px dashed #34789a;border-radius:14px;background:#081b29;display:grid;place-items:center;align-content:center;gap:5px;text-align:center;padding:18px;margin-top:16px;cursor:pointer}.pay-upload:hover{background:#0a2334;border-color:#4eb2dc}.pay-upload input{position:absolute;width:1px;height:1px;opacity:0}.pay-upload-icon{font-size:28px;color:#6ed8ff}.pay-upload strong{font-size:16px}.pay-upload small{color:#7aa1b6;font-size:11px}.pay-upload em{font-style:normal;color:#9ae4ff;font-size:12px;font-weight:800;margin-top:4px}.pay-upload.has-file{border-style:solid;border-color:#39aa82;background:rgba(52,211,153,.05)}.pay-optional{margin-top:13px;border:1px solid #244b62;border-radius:10px;background:#081a28}.pay-optional summary{cursor:pointer;list-style:none;padding:11px 13px;color:#9ed9f1;font-size:12px;font-weight:800}.pay-optional summary::-webkit-details-marker{display:none}.pay-optional summary small{color:#6f98ae;font-weight:500;margin-inline-start:4px}.pay-optional[open] .pay-field{padding:0 13px 13px}.pay-privacy{display:flex;gap:8px;color:#7fa6ba;font-size:10px;line-height:1.55;margin-top:11px}.pay-privacy>span{color:#5ed5aa}.pay-privacy p{margin:0}.pay-submit{width:100%;min-height:64px;margin-top:14px;border:0;border-radius:12px;background:linear-gradient(135deg,#128fc7,#2ac0e5);color:white;font-family:inherit;cursor:pointer;display:grid;place-items:center;align-content:center;gap:2px;font-weight:900;box-shadow:0 14px 34px rgba(16,139,194,.2)}.pay-submit span{font-size:17px}.pay-submit small{font-weight:600;font-size:10px;color:#dff7ff}.pay-submit:hover{filter:brightness(1.06)}.pay-submit:disabled{cursor:wait;opacity:.65}.pay-form-status{display:none;margin-top:11px;padding:10px 12px;border-radius:9px;font-size:12px}.pay-form-status.is-error{display:block;border:1px solid rgba(251,113,133,.28);background:rgba(251,113,133,.07);color:#ffc4ce}.pay-form-status.is-info{display:block;border:1px solid rgba(84,198,242,.25);background:rgba(84,198,242,.06);color:#b5eaff}
.pay-success{display:flex;gap:14px;padding:22px;margin-bottom:18px;border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.07)}.pay-success-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:#123e34;color:#7ae8c4;font-size:20px}.pay-success h2{margin:4px 0 7px}.pay-success p{margin:0 0 6px;color:#aecbd9;font-size:13px;line-height:1.55}.pay-success code{color:#91e7c9}
.pay-support{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;margin-top:18px}.pay-support-copy h2{font-size:18px}.pay-support-copy p{margin:4px 0 0;color:var(--pay-muted);font-size:11px;max-width:520px}.pay-support-links{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.pay-support-links a{display:grid;gap:1px;min-width:100px;padding:9px 10px;border:1px solid #214760;border-radius:9px;background:#081a28;color:#eaf9ff;text-decoration:none}.pay-support-links strong{font-size:11px}.pay-support-links span{font-size:8px;color:#7ea6bb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pay-support-links a:hover{border-color:#3381aa;background:#0b2638}.pay-footer{width:min(980px,calc(100% - 32px));margin:0 auto 24px;padding:15px 0;border-top:1px solid rgba(82,154,195,.15);display:flex;gap:18px;color:#688ea3;font-size:10px}.pay-footer a{color:#86bdd8;text-decoration:none}.pay-toast{position:fixed;left:50%;bottom:20px;z-index:50;transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:9px 13px;border:1px solid #2e6684;border-radius:9px;background:#0b2638;color:#e0f7ff;font-size:11px;font-weight:850;transition:.18s ease}.pay-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.pay-topbar{position:static;padding:11px 15px}.pay-verified{display:none}.pay-shell{width:min(100% - 22px,980px);padding-top:30px}.pay-hero{text-align:start}.pay-hero h1{font-size:44px}.pay-hero-copy{font-size:14px}.pay-order{grid-template-columns:1fr}.pay-order-total{text-align:start;justify-items:start}.pay-order-trust{grid-column:auto}.pay-method-panel{grid-template-columns:1fr}.pay-qr-wrap{order:2}.pay-method-details{order:1}.pay-support{display:block}.pay-support-links{justify-content:flex-start;margin-top:12px}.pay-order-product{display:block}.pay-order-product>.pay-kicker{margin-bottom:8px}}
@media(max-width:600px){.pay-brand small{display:none}.pay-top-actions{gap:10px}.pay-back{font-size:10px}.pay-section{padding:16px}.pay-section-head{display:block}.pay-section-head>div{margin-bottom:8px}.pay-method-tabs{grid-template-columns:1fr}.pay-method-details h3{font-size:20px}.pay-value-large>div{display:grid}.pay-copy{min-height:44px}.pay-qr-card img{width:160px;height:160px}.pay-hero h1{font-size:40px}.pay-product-line{font-size:16px}.pay-order{padding:16px}.pay-support-links{display:grid;grid-template-columns:1fr 1fr}.pay-support-links a{min-width:0}.pay-footer{width:min(100% - 22px,980px);flex-wrap:wrap}}
@media(max-width:390px){.pay-support-links{grid-template-columns:1fr}.pay-topbar{gap:8px}.pay-brand strong{font-size:14px}.pay-back{font-size:9px}.pay-hero h1{font-size:36px}.pay-value-large code{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.pay-success-complete{align-items:flex-start}.pay-success-body{min-width:0;flex:1}.pay-success-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.pay-success-grid>div{padding:10px 11px;border:1px solid rgba(75,161,197,.25);border-radius:9px;background:rgba(5,24,36,.45)}.pay-success-grid span{display:block;color:#78a3b8;font-size:9px;text-transform:uppercase;letter-spacing:.055em;margin-bottom:4px}.pay-success-grid strong{display:block;color:#eaf9ff;font-size:12px;overflow-wrap:anywhere}.pay-success-grid code{color:#8fe9c8}.pay-status-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:14px;padding:0 14px;border:1px solid #34799d;border-radius:9px;background:#0d3850;color:#bceeff;text-decoration:none;font-size:12px;font-weight:850}.pay-status-link:hover{background:#124963}@media(max-width:700px){.pay-success-grid{grid-template-columns:1fr 1fr}}@media(max-width:460px){.pay-success-grid{grid-template-columns:1fr}}
/* Keep the checkout header compact on narrow screens; status tracking remains available after submission and at /payment-status. */
@media(max-width:600px){.pay-top-actions .pay-back:first-of-type{display:none}}

/* v60 — distinguish monetary values from surrounding checkout copy. */
.pay-hero h1 strong,
.pay-order-total > strong,
.pay-exact strong,
.pay-method-details h3 strong,
#paymentSuccessAmount {
  color: #6ee7b7;
}
.pay-order-total strong small { color: #82ddff; }

.pay-submit[aria-busy="true"]{cursor:wait;opacity:.82;pointer-events:none}.pay-submit[aria-busy="true"] span::after{content:" …"}