*{box-sizing:border-box}body{margin:0;background:#f4f7f5;color:#173b32;font:15px 'Segoe UI',sans-serif;display:grid;place-items:center;min-height:100vh;padding:24px}main{max-width:500px;width:100%;background:white;border:1px solid #dde5df;padding:36px;border-radius:16px}.logo{background:#173b32;color:#d9ef9d;border-radius:12px;width:50px;text-align:center;padding:10px;font-size:25px}h1{font-size:29px;font-weight:500;letter-spacing:-1px}p,small{line-height:1.7;color:#60756b;font-size:13px}label{display:block;font-size:13px;margin-top:20px}input{width:100%;padding:13px;margin-top:8px;border:1px solid #c9d7d0;border-radius:7px;font:inherit}button{width:100%;background:#194d43;color:white;border:0;border-radius:7px;padding:15px;font:inherit;margin:12px 0 22px;cursor:pointer}a{color:#194d43;font-size:13px}small{display:block;margin-top:24px}[role=alert]{color:#983b36}