html{-webkit-text-size-adjust:100%}*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:#F4F7FB;color:#152033;font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;display:flex;align-items:center;justify-content:center;padding:20px 16px}
.c{width:100%;max-width:420px;background:#fff;border-radius:24px;box-shadow:0 18px 50px -14px rgba(21,32,51,.25);padding:24px}
.b{display:flex;align-items:center;gap:10px;font-weight:700;color:#2563EB;margin-bottom:18px}
.b i{width:32px;height:32px;border-radius:10px;background:#2563EB;color:#fff;display:grid;place-items:center;font-style:normal}
h1{font-size:21px;margin:0 0 6px;overflow-wrap:anywhere}p{margin:0 0 14px;color:#435066}
.r{border:1px solid #E6EBF2;border-radius:16px;padding:12px 14px;margin:0 0 16px}
.r div{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.r span{color:#8591A5;white-space:nowrap}.r b{text-align:right;overflow-wrap:anywhere}
.btns{display:grid;gap:10px}
button{font:inherit;font-weight:650;border:0;border-radius:14px;padding:15px;cursor:pointer;min-height:48px}
button:disabled{opacity:.6;cursor:default}
.y{background:#0FA597;color:#fff}.n{background:#FDEAE7;color:#B4271B}.s{outline:3px solid #152033;outline-offset:2px}
.again{background:#EEF3FB;color:#2563EB;margin-top:4px}
.ok{background:#E3F5EB;color:#1E7A4E;border-radius:14px;padding:12px 14px;margin:0 0 14px;font-weight:600}.ok.no{background:#FDEAE7;color:#B4271B}
.err{background:#FFF4E5;color:#8A4B00;border-radius:14px;padding:12px 14px;margin:0 0 14px}
.wait{color:#8591A5}
small{display:block;margin-top:14px;color:#8591A5;font-size:12.5px}