:root{--bg:#0b1020;--surface:#fff;--fg:#11182a;--muted:#687087;--brand:#1652f0;--brand-fg:#fff;--border:#e3e6ee;--ok:#0a7d3d;--err:#b3261e}*{box-sizing:border-box}body{color:var(--fg);background:#0b1020;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:48px 16px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.card{background:var(--surface);border-radius:16px;width:100%;max-width:420px;padding:28px 24px;box-shadow:0 20px 60px #00000059}.back-link{color:var(--muted);align-items:center;gap:4px;margin-bottom:14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--fg)}.amount{letter-spacing:-.02em;font-size:34px;font-weight:700}.muted{color:var(--muted);font-size:13px}.methods-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:20px 0;display:grid}.method-card{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;min-height:60px;padding:14px 16px;transition:border-color .12s,background .12s,box-shadow .12s;display:flex}.method-card:hover{border-color:#c5ccdc}.method-card.selected{border-color:var(--brand);background:#f3f6ff}@supports not selector(:has(*)){.method-card:focus-within:not(.selected){outline:2px solid var(--brand);outline-offset:2px}}.method-card:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}.method-logo{object-fit:contain;max-width:100%;max-height:32px}.method-name{font-size:15px;font-weight:600}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field{margin:14px 0}.field label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input{border:1.5px solid var(--border);border-radius:10px;width:100%;padding:12px 14px;font-size:15px}.btn{width:100%;color:var(--brand-fg);background:var(--brand);cursor:pointer;border:0;border-radius:12px;padding:15px;font-size:16px;font-weight:700}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{border:1.5px solid var(--border);width:100%;color:var(--fg);cursor:pointer;background:#fff;border-radius:12px;padding:13.5px;font-size:16px;font-weight:700}.status{text-align:center;padding:24px 0}.status .ok{color:var(--ok);font-weight:700}.status .err{color:var(--err);font-weight:700}.error{color:var(--err);margin-top:10px;font-size:13px}.footer{text-align:center;margin-top:18px}.spinner{border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:22px;height:22px;margin:0 auto 12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-card{text-align:center;padding:36px 24px 28px}.result-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;animation:.35s cubic-bezier(.2,.9,.3,1.3) pop-in;display:flex}.result-icon-ok{background:color-mix(in srgb,var(--ok)12%,transparent);color:var(--ok)}.result-icon-err{background:color-mix(in srgb,var(--err)10%,transparent);color:var(--err)}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.reference-box{border:1px solid var(--border);background:#f7f8fb;border-radius:10px;flex-direction:column;align-items:center;gap:3px;margin-top:18px;padding:12px 14px;display:flex}.reference-box code{color:var(--fg);word-break:break-all;font-size:13px;font-weight:600}
