*{box-sizing:border-box}body{margin:0;background:#f3f7f9;color:#2b4049;font:15px 'Segoe UI',Arial,sans-serif;min-height:100vh;display:grid;place-items:center;padding:25px 16px}main{width:100%;max-width:490px;background:white;border:1px solid #dbe6ec;border-radius:14px;overflow:hidden;box-shadow:0 10px 50px #2b404910}header{background:#2b4049;border-bottom:4px solid #467994}header img{width:75%;max-width:340px;display:block}section{padding:28px}h1{font-size:23px;margin:0 0 12px}p{color:#718792;line-height:1.7;font-size:13px}label{display:block;font-size:12px;font-weight:600;margin-top:18px}input{display:block;width:100%;padding:12px;border:1px solid #cbdce5;border-radius:7px;margin-top:8px;font:16px 'Segoe UI',sans-serif;color:#2b4049}input:focus{outline:3px solid #46799422;border-color:#467994}button{display:block;border:0;border-radius:7px;background:#467994;color:white;padding:13px;width:100%;font:600 14px 'Segoe UI',sans-serif;margin:25px 0 14px;cursor:pointer}a{color:#467994;font-size:13px}.hint{font-size:11px;margin-bottom:0}.error{padding:12px;background:#ffefeb;color:#a04b39;font-size:13px;line-height:1.6;border-radius:6px}