body{margin:0;background:#132333;color:#17212b;font:16px Arial,sans-serif;display:grid;place-items:center;min-height:100vh}.box{background:#fff;border-radius:8px;padding:32px;width:min(390px,calc(100% - 56px));box-shadow:0 18px 60px #07111d}.wide{width:min(520px,calc(100% - 56px))}h1{font-size:25px;margin:0 0 8px}h1 span{color:#159c88}.sub{color:#627383;line-height:1.45;margin:0 0 22px}label{display:block;margin:15px 0 6px;font-weight:700}input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cbd4dc;border-radius:5px;font:inherit}button,.button{display:block;width:100%;box-sizing:border-box;margin-top:20px;padding:12px;border:0;border-radius:5px;background:#1769e0;color:#fff;font-weight:700;font-size:15px;text-align:center;text-decoration:none}.error{color:#a52020;background:#fff0f0;padding:10px;border-left:3px solid #c53939;margin-bottom:14px}.qr{display:block;width:220px;height:220px;margin:10px auto;image-rendering:pixelated}code{display:block;background:#eef2f5;padding:10px;border-radius:4px;text-align:center;overflow-wrap:anywhere}.codes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.codes code{font-size:14px}details{margin-top:16px;color:#526576}summary{cursor:pointer}