*{box-sizing:border-box}body{margin:0;padding:24px;background:#f4f6fa;color:#142840;font:17px/1.6 system-ui,sans-serif}main{max-width:480px;margin:7vh auto;padding:28px;background:white;border-radius:24px}.brand{font-weight:800;font-size:24px}h1{font-size:28px;line-height:1.25}.hint{font-size:14px;color:#627185}button,input{width:100%;font:inherit;margin:12px 0;padding:14px;border-radius:12px}input{border:1px solid #c5d0df}button{border:0;background:#377fd2;color:white;font-weight:600;cursor:pointer}button:disabled{opacity:.55}.secondary{background:#edf2fa;color:#28496d}output{display:block;font-size:30px;font-weight:800;letter-spacing:3px;text-align:center;overflow-wrap:anywhere}a{display:block;margin-top:16px;color:#265e9f}#message{min-height:30px}[hidden]{display:none!important}