*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#172c49;font:16px system-ui;display:grid;min-height:100vh;place-items:center}main{width:min(440px,92vw);padding:36px;background:#fff;border:1px solid #d9e2ef;border-radius:18px;box-shadow:0 12px 45px #15325312}h1{margin:0;color:#2157b2}label{display:block;margin:22px 0 0;font-weight:600}input{display:block;width:100%;margin:8px 0;padding:12px;border:1px solid #9aabc3;border-radius:6px;font:inherit}button{margin-top:22px;width:100%;padding:13px;background:#2157b2;color:#fff;border:0;border-radius:6px;font:inherit;cursor:pointer}#message{color:#a02525;font-size:14px}