:root{--bg: #f6f9fc;--panel: #fff;--ink: #1a1f36;--ink-2: #425466;--muted: #697386;--line: #e3e8ee;--line-2: #d5dbe4;--accent: #635bff;--accent-dark: #4f46d6;--accent-soft: #f0eeff;--ok: #0e6245;--ok-soft: #cbf4c9;--warn: #a41c4e;--warn-soft: #fde2dd;--shadow-sm: 0 1px 1px rgba(60, 66, 87, .08), 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 5px -1px rgba(50, 50, 93, .2), 0 1px 3px -1px rgba(0, 0, 0, .25);--shadow-pop: 0 15px 35px rgba(60, 66, 87, .08), 0 5px 15px rgba(0, 0, 0, .12);--mono: ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg);font-size:15px}.page{min-height:100vh;display:grid;place-content:center;gap:14px;padding:24px 16px}.card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px 26px;text-align:center;box-shadow:var(--shadow-pop)}.brand{text-align:center;font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.merchant{font-size:13px;color:var(--muted)}.amount{font-size:36px;font-weight:700;letter-spacing:-.03em;margin:6px 0 4px}.amount.small{font-size:23px;margin-top:14px}.purpose{color:var(--ink-2);font-size:14px}h1{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:10px 0 6px}.hint{color:var(--ink-2);font-size:13.5px;line-height:1.5;margin:0 0 8px}dl.details{margin:18px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}dl.details>div{display:flex;justify-content:space-between;padding:5px 0;font-size:13px}dl.details dt{color:var(--muted);margin:0}dl.details dd{margin:0}.field{display:block;text-align:left;margin-bottom:14px}.field span{display:block;font-size:13px;font-weight:500;color:var(--ink-2);margin-bottom:5px}.field input{width:100%;font:inherit;font-size:15px;padding:11px 12px;border:1px solid var(--line-2);border-radius:6px;box-shadow:var(--shadow-sm)}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button,a.pay{display:block;width:100%;font:inherit;font-size:15px;border-radius:6px;padding:12px 16px;cursor:pointer;text-align:center;text-decoration:none}button.pay,a.pay{background:var(--accent);border:1px solid var(--accent);color:#fff;font-weight:600;box-shadow:var(--shadow-md)}button.pay:hover:not(:disabled),a.pay:hover{background:var(--accent-dark);border-color:var(--accent-dark)}button.cancel{background:none;border:none;color:var(--muted);font-size:13px;padding:10px;margin-top:4px}button:disabled{opacity:.6;cursor:default}.badge{width:52px;height:52px;margin:0 auto 4px;border-radius:50%;display:grid;place-items:center;font-size:24px}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.bad{background:var(--warn-soft);color:var(--warn)}.legal{font-size:11.5px;color:var(--muted);line-height:1.5;margin:16px 0 0}.mono{font-family:var(--mono)}.checkout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--panel)}.summary{background:var(--bg);border-right:1px solid var(--line);display:flex;justify-content:flex-end}.summary-inner{width:100%;max-width:380px;padding:72px 40px;text-align:left}.form{display:flex;justify-content:flex-start}.form-inner{width:100%;max-width:380px;padding:40px;text-align:left}.summary .merchant{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-2)}.merchant-mark{width:24px;height:24px;border-radius:6px;background:var(--accent);color:#fff;font-size:12px;font-weight:600;display:grid;place-items:center;text-transform:uppercase}.summary .purpose{margin-top:28px;font-size:15px;color:var(--ink-2)}.summary .amount{margin:4px 0 0;text-align:left}.summary .until{margin-top:16px;font-size:12.5px;color:var(--muted)}.form h2{font-size:15px;font-weight:600;margin:0 0 10px}.form h2+.field{margin-bottom:22px}.form .hint{margin:0 0 18px}.methods{display:grid;gap:8px;margin-bottom:22px}.method{display:flex;align-items:center;gap:11px;border:1px solid var(--line-2);border-radius:8px;padding:12px 14px;cursor:pointer;box-shadow:var(--shadow-sm)}.method:hover{border-color:var(--accent)}.method.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-sm)}.method input{position:absolute;opacity:0;width:0;height:0}.method-icon{width:30px;height:22px;flex:none;border-radius:4px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:13px}.method-text b{display:block;font-size:14px;font-weight:500}.method-text i{display:block;font-style:normal;font-size:12px;color:var(--muted)}@media(max-width:720px){.checkout{grid-template-columns:1fr}.summary{border-right:none;border-bottom:1px solid var(--line);justify-content:center}.summary-inner{padding:36px 24px 28px;max-width:420px}.form{justify-content:center}.form-inner{padding:28px 24px 48px;max-width:420px}}