*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#172033;font:16px/1.6 system-ui,sans-serif}
main{max-width:520px;margin:40px auto;padding:28px;background:#fff;border:1px solid #dfe5eb;border-radius:16px}
h1{font-size:26px;margin-top:0}h2{font-size:21px}.amount{font-size:32px;font-weight:700;color:#087945}
button{background:#087945;color:white;border:0;border-radius:8px;padding:12px 18px;font-size:16px;cursor:pointer}
button:disabled{opacity:.6;cursor:wait}a{color:#12648b}label{display:block;margin:16px 0}input{display:block;width:100%;padding:10px;font:inherit}
#qr{display:block;max-width:100%;height:auto;margin:20px auto}pre{padding:14px;background:#eef7f2;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}
.hint{color:#536276;font-size:14px}[hidden],#qr[hidden]{display:none!important}@media(max-width:560px){main{margin:16px;padding:20px}}