*{box-sizing:border-box}body{margin:0;background:#f4f5ef;color:#123330;font:17px system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:480px;background:white;border:1px solid #dde4d7;border-radius:20px;padding:38px}.brand{font-size:13px;font-weight:700;letter-spacing:.2em}h1{font-size:32px;margin:22px 0 14px}p{line-height:1.6;color:#53675f}label{display:block;margin:20px 0;font-size:15px}input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #b6c4b4;border-radius:7px;margin-top:8px}button{width:100%;padding:14px;background:#173c34;color:white;border:0;border-radius:8px;font:inherit;cursor:pointer}.error{color:#9d2727}a{color:#173c34}