*{box-sizing:border-box}body{margin:0;font:16px system-ui;background:#f2f5ef;color:#193f35;min-height:100vh;display:grid;place-items:center}main{width:min(440px,92vw);padding:36px;background:white;border:1px solid #d8e2d4;border-radius:12px}h1{letter-spacing:3px}label{display:block;margin:20px 0}input{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #a4b6a5;border-radius:5px;font:inherit}button{padding:12px 20px;border:0;border-radius:5px;background:#214c3f;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.5}#message{color:#9b3227}a{color:#214c3f}