*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#203f55;font:17px system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:420px;background:white;border:1px solid #dce5eb;border-radius:20px;padding:32px}h1{font-size:30px;line-height:1.15}label{display:block;margin:20px 0 8px}input,button{display:block;width:100%;font:inherit;border-radius:8px;padding:13px;margin-top:8px;border:1px solid #879eae}button{background:#203f55;color:white;cursor:pointer;margin-top:24px}button:disabled{opacity:.6}input:focus,button:focus{outline:3px solid #91b2ca;outline-offset:2px}#status{min-height:3em;font-size:15px}