:root{--ink: #0b0b0c;--paper: #f6f6f4;--card: #ffffff;--muted: #6b6b70;--line: #e7e7e3;--accent: #0b0b0c;--on-accent: #ffffff;--good: #12855b;--bad: #b23b3b;--ring: rgba(11, 11, 12, .35)}@media (prefers-color-scheme: dark){:root{--ink: #f4f4f5;--paper: #0b0b0c;--card: #151517;--muted: #9a9aa2;--line: #26262a;--accent: #f4f4f5;--on-accent: #0b0b0c;--good: #4ad295;--bad: #ff8080;--ring: rgba(244, 244, 245, .4)}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{background:var(--paper);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{display:flex;align-items:center;justify-content:center;padding:20px}.card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px 24px 22px;box-shadow:0 10px 40px #0000000f}.brandrow{display:flex;align-items:center;gap:8px;margin-bottom:22px}.dot{width:12px;height:12px;border-radius:50%;background:var(--accent);display:inline-block}.brand{font-weight:800;letter-spacing:-.01em}.label{margin:0 0 6px;font-size:11px;letter-spacing:.14em;color:var(--muted);font-weight:700;text-transform:uppercase}.amount{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:0 0 14px;font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:13.5px;margin:0 0 20px}.muted.small{font-size:13px;margin-top:-4px}h1{font-size:22px;margin:0 0 8px;letter-spacing:-.01em;text-wrap:balance}.btn{display:block;text-align:center;text-decoration:none;width:100%;border:0;border-radius:14px;background:var(--accent);color:var(--on-accent);font-size:16px;font-weight:800;padding:16px;cursor:pointer;font-family:inherit;transition:transform .05s ease,opacity .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.status{min-height:18px;font-size:13px;color:var(--muted);margin:12px 2px 0;text-align:center}.status.good{color:var(--good)}.status.bad{color:var(--bad)}.secure{margin-top:16px;text-align:center;font-size:12px;color:var(--muted)}.lock{margin-right:4px}.badge{display:inline-block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px;margin-bottom:14px}.center{text-align:center}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--accent);animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}.spinner.on-accent{border-color:#ffffff59;border-top-color:var(--on-accent)}.btn .spinner{margin-right:8px}.loading-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 0;color:var(--muted)}.method{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0;margin:0 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.method-label{color:var(--muted);font-size:13px}.method-name{font-weight:700;text-align:right}.field{width:100%;font:inherit;font-size:20px;font-weight:700;letter-spacing:.06em;padding:14px 16px;margin:0 0 12px;border-radius:14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-variant-numeric:tabular-nums}.field:focus-visible{outline:3px solid var(--ring);outline-offset:1px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.chip{font:inherit;font-size:14px;font-weight:600;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.chip.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.chip:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.phone-wait{display:flex;gap:14px;align-items:flex-start;margin:4px 0 18px}.phone-wait .spinner{flex:none;margin-top:4px}.muted.tight{margin-bottom:0}.top,.muted.small.top{margin-top:12px}.tick{width:56px;height:56px;margin:4px auto 14px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:800;color:var(--on-accent);background:var(--good)}form{margin:0}.btn.ghost+.btn.ghost,.btn+.status+.btn.ghost{margin-top:0}.status+.btn.ghost{margin-top:4px}.status:empty{min-height:0;margin:0}.status:empty+.btn.ghost{margin-top:10px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}.btn{transition:none}}
