/* Payment options sheet and country picker, shared by the app and the Pro page. */
.ipay{--ipay-panel:#141510;--ipay-panel2:#0d0e0c;--ipay-line:#2c2a22;--ipay-line2:#403925;--ipay-gold:#d9b44a;--ipay-gold2:#f1d578;--ipay-text:#f4f2ea;--ipay-soft:#b9b8ae;--ipay-muted:#8e9088;--ipay-wa:#25d366;--ipay-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(4,4,3,.74);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:ipay-fade .18s ease-out;font-family:var(--ipay-font);color:var(--ipay-text)}
html.ipay-open,html.ipay-open body{overflow:hidden}
.ipay-sheet{position:relative;width:min(480px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;display:grid;gap:14px;padding:26px;border:1px solid var(--ipay-line2);border-radius:18px;background:linear-gradient(160deg,#1b1910,#101110 60%);box-shadow:0 40px 120px -30px #000;outline:none}
.ipay-sheet h2{margin:0;font:500 26px/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.01em;padding-right:36px}
.ipay-eyebrow{color:var(--ipay-gold);font-weight:800;letter-spacing:.16em;font-size:11px}
.ipay-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--ipay-line);background:#121310;color:var(--ipay-soft);font-size:20px;line-height:1;cursor:pointer}
.ipay-close:hover{color:var(--ipay-text);border-color:var(--ipay-line2)}
.ipay-summary{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;padding:14px 16px;border:1px solid var(--ipay-line);border-radius:12px;background:var(--ipay-panel2)}
.ipay-summary span{color:var(--ipay-soft);font-size:14px}
.ipay-summary b{font:500 24px Georgia,"Times New Roman",serif;color:var(--ipay-gold2);white-space:nowrap}
.ipay-summary small{grid-column:1/-1;color:var(--ipay-muted);font-size:12px}
.ipay-country{display:grid;gap:6px;color:var(--ipay-soft);font-size:13px;font-weight:600}
.ipay-country select,.ipay select{width:100%;appearance:none;-webkit-appearance:none;background:#0b0c0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23b9b8ae' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--ipay-text);border:1px solid var(--ipay-line);border-radius:10px;padding:12px 40px 12px 12px;font:600 15px/1.2 var(--ipay-font);cursor:pointer}
.ipay select:focus-visible{outline:none;border-color:var(--ipay-gold);box-shadow:0 0 0 3px rgba(217,180,74,.18)}
.ipay select option,.ipay select optgroup{background:#141510;color:var(--ipay-text)}
.ipay-intro{margin:0;color:var(--ipay-soft);font-size:14px;line-height:1.55}
.ipay-methods{display:grid;gap:10px}
.ipay-method{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;padding:12px 14px;border:1px solid var(--ipay-line);border-radius:14px;background:var(--ipay-panel);color:var(--ipay-text);text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.ipay-method:hover:not([disabled]){border-color:var(--ipay-line2);transform:translateY(-1px)}
.ipay-method[aria-checked="true"]{border-color:var(--ipay-gold);background:linear-gradient(160deg,#241f10,#16150f);box-shadow:0 0 0 1px var(--ipay-gold) inset}
.ipay-method:focus-visible{outline:2px solid var(--ipay-gold2);outline-offset:2px}
.ipay-method[disabled]{opacity:.5;cursor:not-allowed}
.ipay-logos{display:flex;align-items:center;justify-content:center;gap:6px;width:84px;height:48px;padding:6px 8px;border-radius:10px;background:#fff}
.ipay-logos img{display:block;width:auto;height:34px;max-width:64px;object-fit:contain}
.ipay-logos img[src$="visa.svg"]{height:14px;max-width:44px}
.ipay-logos img[src$="mastercard.svg"]{height:22px}
.ipay-logos img[src$="bank.svg"]{height:30px}
.ipay-logos.dark{background:#1d1b13;border:1px solid var(--ipay-line2)}
.ipay-logos.badge{background:none;padding:0}
.ipay-logos.badge img{height:48px;max-width:none;border-radius:11px}
.ipay-text{display:grid;gap:2px;min-width:0}
.ipay-text b{font-size:15px;font-weight:700}
.ipay-text small{color:var(--ipay-muted);font-size:12.5px;line-height:1.4}
.ipay-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--ipay-line2);flex:none}
.ipay-method[aria-checked="true"] .ipay-check{border-color:var(--ipay-gold);background:radial-gradient(circle,var(--ipay-gold2) 0 5px,transparent 5.5px)}
.ipay-error{margin:0;min-height:0;color:#f0877d;font-size:13px}
.ipay-error:empty{display:none}
.ipay-go{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:14px 20px;border:0;border-radius:12px;font:800 16px/1.2 var(--ipay-font);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .2s,filter .2s}
.ipay-go.gold{background:linear-gradient(180deg,var(--ipay-gold2),var(--ipay-gold));color:#15120a;box-shadow:0 10px 30px -12px rgba(217,180,74,.65)}
.ipay-go.whatsapp{background:var(--ipay-wa);color:#052e14;box-shadow:0 10px 30px -12px rgba(37,211,102,.6)}
.ipay-go:hover:not([disabled]){transform:translateY(-1px);filter:brightness(1.05)}
.ipay-go:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ipay-go[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.ipay-go .ipay-wa{width:26px;height:26px;padding:3px;border-radius:50%;background:#fff}
.ipay-go.loading>*{visibility:hidden}
.ipay-go.loading:after{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ipay-spin .7s linear infinite}
.ipay-fine{margin:-4px 0 0;color:var(--ipay-muted);font-size:12.5px;line-height:1.5;text-align:center}
.ipay-done-head{display:flex;align-items:center;gap:14px;padding-right:36px}
.ipay-done-head h2{padding-right:0}
.ipay-done-logo{width:48px;height:48px;padding:8px;border-radius:14px;background:#fff;flex:none}
img.ipay-done-logo[src$="bank.svg"]{background:#1d1b13;border:1px solid var(--ipay-line2)}
.ipay-bank{margin:0;padding:14px 16px;border:1px dashed var(--ipay-line2);border-radius:12px;background:var(--ipay-panel2);color:var(--ipay-text);font:600 14px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word}
.ipay-ref{margin:0;display:grid;border:1px solid var(--ipay-line);border-radius:12px;background:var(--ipay-panel2)}
.ipay-ref div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px}
.ipay-ref div+div{border-top:1px solid var(--ipay-line)}
.ipay-ref dt{color:var(--ipay-muted);font-size:13px}
.ipay-ref dd{margin:0;display:flex;align-items:center;gap:8px;min-width:0;font-weight:700;text-align:right}
.ipay-ref code{font:600 12.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ipay-gold2);word-break:break-all}
.ipay-ref dd button{flex:none;border:1px solid var(--ipay-line2);background:transparent;color:var(--ipay-text);border-radius:8px;padding:5px 10px;font:700 12px var(--ipay-font);cursor:pointer}
.ipay-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ipay-plain{border:0;background:none;padding:6px 0;color:var(--ipay-soft);font:700 14px var(--ipay-font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
a.ipay-plain{color:var(--ipay-gold2)}
.ipay-ask .ipay-plain{justify-self:center}
@keyframes ipay-fade{from{opacity:0}}
@keyframes ipay-up{from{transform:translateY(24px);opacity:.4}}
@keyframes ipay-spin{to{transform:rotate(360deg)}}
@media (max-width:600px){
  .ipay{place-items:end stretch;padding:0}
  .ipay-sheet{width:100%;max-height:92vh;max-height:92dvh;border-radius:20px 20px 0 0;border-bottom:0;padding:22px 16px calc(18px + env(safe-area-inset-bottom));animation:ipay-up .22s ease-out}
  .ipay-sheet h2{font-size:23px}
  .ipay-method{gap:12px;padding:10px 12px}
  .ipay-logos{width:76px;height:44px}
  .ipay-logos.badge img{height:44px}
  .ipay-summary b{font-size:21px}
}
@media (prefers-reduced-motion:reduce){.ipay,.ipay-sheet{animation:none}.ipay-method,.ipay-go{transition:none}}

/* Country field on the Pro page and in the app's sign-up and profile forms. */
.pp-dialog select,#auth-form select,.profile-form select[data-profile-country]{width:100%}
.pp-dialog select{appearance:none;-webkit-appearance:none;background:#0b0c0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23b9b8ae' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;color:#f4f2ea;border:1px solid #292a23;border-radius:9px;padding:12px 40px 12px 12px;font:15px Inter,ui-sans-serif,system-ui,sans-serif}
.pp-dialog select:focus{outline:none;border-color:#d9b44a}