.payment-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:#02030ae8;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}.payment-modal.open{opacity:1;visibility:visible}.payment-card{width:min(720px,100%);max-height:calc(100vh - 30px);overflow:auto;border-radius:16px;padding:32px;position:relative;transform:translateY(14px) scale(.985);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.payment-modal.open .payment-card{transform:none}.payment-close{position:absolute;right:17px;top:13px;border:0;background:transparent;color:var(--muted);font-size:27px;cursor:pointer}.payment-head h2{font:500 34px Space Grotesk;margin:11px 0 6px}.payment-head p{color:var(--muted);font-size:12px;margin:0}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0}.payment-methods button{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;text-align:left;border:1px solid var(--line);background:#ffffff03;color:var(--text);border-radius:9px;padding:14px;cursor:pointer;transition:.22s}.payment-methods button:hover{transform:translateY(-2px);border-color:#7657ff66}.payment-methods button.active{border-color:#7657ff88;background:linear-gradient(135deg,#7657ff20,#29d8ff08);box-shadow:0 12px 35px #0003}.method-icon{grid-row:1/3;width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:#7657ff22;color:#a996ff;font-weight:700}.method-icon.apple{font-size:13px}.payment-methods b{font-size:11px}.payment-methods small{margin-top:4px}.payment-step{border-top:1px solid var(--line);padding-top:18px}.crypto-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.crypto-options button{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:#ffffff02;color:var(--text);border-radius:7px;padding:12px;cursor:pointer}.crypto-options button.active{border-color:var(--cyan);box-shadow:0 0 0 2px #29d8ff0d;background:#29d8ff0a}.crypto-options b{font:600 11px Space Grotesk}.crypto-options span{color:var(--muted);font-size:9px}.payment-form{display:grid;gap:15px;margin-top:19px}.payment-form>label{display:grid;gap:8px;color:var(--muted);font-size:11px}.payment-form input{border:1px solid var(--line);background:#080a13;color:var(--text);border-radius:8px;padding:14px;font:500 17px Space Grotesk;outline:none}.payment-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7657ff16}.payment-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px}.payment-summary>span{padding:13px}.payment-summary>span+span{border-left:1px solid var(--line);text-align:right}.payment-summary b{display:block;font:500 14px Space Grotesk;margin-top:5px}.payment-safety{display:flex;align-items:center;gap:11px;border:1px solid #38e6a02c;background:#38e6a009;border-radius:8px;padding:12px}.payment-safety i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#38e6a018;color:var(--green);font-style:normal}.payment-safety p{margin:0}.payment-safety b,.payment-safety span{display:block;font-size:9px}.payment-safety span{color:var(--muted);margin-top:4px}@media(max-width:650px){.payment-card{padding:26px 16px}.payment-methods,.crypto-options{grid-template-columns:1fr}.payment-methods button{grid-template-columns:34px 1fr}.payment-head h2{font-size:27px}.payment-summary{grid-template-columns:1fr}.payment-summary>span+span{border-left:0;border-top:1px solid var(--line);text-align:left}}
/* Payment availability and destination details */
.payment-methods button[data-coming="true"] small{color:#ffb74c}
.crypto-options button{position:relative}
.crypto-options em{position:absolute;right:6px;top:4px;color:#ffb74c;font:600 6px "Space Grotesk",sans-serif;letter-spacing:1px}
.payment-destination{border:1px solid #29d8ff55;background:#29d8ff08;border-radius:9px;padding:14px}
.payment-destination>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:8px}
.payment-destination code{overflow-wrap:anywhere;color:var(--cyan);font-size:11px;line-height:1.5}
.payment-destination button{border:1px solid #29d8ff55;background:#29d8ff12;color:var(--cyan);border-radius:6px;padding:9px 12px;cursor:pointer;font:600 8px "Space Grotesk",sans-serif}
.payment-destination p{margin:9px 0 0;color:#ffcf82;font-size:9px;line-height:1.5}
.payment-tx{display:grid;gap:7px;margin-top:13px;color:var(--muted);font-size:10px}.payment-tx input{width:100%;border:1px solid var(--line);background:#080a13;color:var(--text);border-radius:7px;padding:11px;font-size:11px}.payment-paid{width:100%;display:flex;justify-content:center;gap:9px;margin-top:10px;border:1px solid #38e6a055;background:#38e6a012;color:var(--green);border-radius:7px;padding:12px;cursor:pointer;font-weight:700;transition:.2s}.payment-paid:hover{transform:translateY(-1px);background:#38e6a020}.payment-paid:disabled{opacity:.65;cursor:default;transform:none}.payment-review-note{margin-top:8px;text-align:center;line-height:1.45}