*{box-sizing:border-box}body{margin:0;background:#f2f6fa;color:#173049;font:16px system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{background:white;width:100%;max-width:450px;padding:36px;border:1px solid #dce6ef;border-radius:22px;box-shadow:0 20px 70px #16385a12}img{display:block;width:130px;height:130px;margin:0 auto 24px}.eyebrow{color:#087ad1;letter-spacing:2px;font-size:11px;font-weight:750}h1{font-size:25px;margin:10px 0}#intro,.hint{color:#627387;line-height:1.5}.hint,.footer{font-size:12px}label{display:block;font-size:14px;font-weight:600;margin:20px 0 0}input{display:block;width:100%;padding:13px;border:1px solid #becfdd;border-radius:8px;margin-top:8px;font:inherit}input:focus{outline:3px solid #087ad130;border-color:#087ad1}button{width:100%;border:0;border-radius:8px;background:#087ad1;color:white;font:600 15px system-ui;padding:14px;margin-top:24px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#message{color:#ad3918;font-size:14px;line-height:1.5}.footer{color:#7b8795;text-align:center;margin-top:28px}[hidden]{display:none!important}