body{margin:0;background:#f3f6f9;color:#25374b;font:16px system-ui;display:grid;min-height:100vh;place-items:center}main{background:white;padding:36px;border-radius:16px;box-shadow:0 8px 40px #0a4f9615;width:min(370px,80vw)}img{width:70px}h1{font-size:24px;color:#0a4f96}label{display:block;margin:18px 0}input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #b8c7d3;border-radius:6px;margin-top:7px;font:inherit}button{width:100%;background:#0a4f96;color:white;border:0;border-radius:6px;padding:13px;font:inherit;cursor:pointer}[role=alert]{color:#a02d27;font-size:14px}