*{box-sizing:border-box}body{background:#f3f3ed;color:#284437;font:15px 'Segoe UI',sans-serif;margin:0;display:grid;min-height:100vh;place-items:center;padding:24px}main{width:100%;max-width:430px;background:white;border:1px solid #dce2d7;padding:34px;border-radius:12px}.brand{font-size:20px;letter-spacing:3px;margin-bottom:12px}small,p{color:#758273;line-height:1.6}h1{font-size:27px}label{display:block;margin:18px 0}input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #ccd7cb;border-radius:5px;font:inherit}button{background:#284437;color:white;padding:12px;border:0;border-radius:5px;font:inherit;width:100%;cursor:pointer}button:disabled{opacity:.6}#message{color:#a34334}[hidden]{display:none!important}