*{box-sizing:border-box}body{background:#eef1f4;color:#172b42;font:16px system-ui,sans-serif;margin:0;min-height:100vh;display:grid;place-items:center}main{background:white;border:1px solid #d9dfe7;border-radius:12px;padding:42px;max-width:440px;width:calc(100% - 32px);box-shadow:0 16px 45px #172b4214}.brand{font-size:18px;font-weight:800}.brand span{display:block;font-size:10px;letter-spacing:.2em;color:#7e8c9c}h1{font-size:30px;margin:38px 0 8px}p{color:#667487}label{display:block;font-size:13px;font-weight:650;margin:20px 0;color:#172b42}input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #c6d0dc;border-radius:5px;font:inherit}button{width:100%;padding:13px;background:#172b42;color:white;border:0;border-radius:5px;font:inherit;font-weight:650}#message{min-height:1.4em;color:#9c3b36;font-size:13px}