*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f2f7f5;color:#244448;font:16px system-ui,sans-serif}main{width:min(430px,calc(100% - 32px));background:white;padding:36px;border:1px solid #dce7e2;border-radius:18px;box-shadow:0 12px 40px #17372e0a}.brand{background:#07816e;color:white;font-size:32px;font-weight:800;border-radius:16px;width:60px;height:60px;display:grid;place-items:center}h1{font-size:24px}p{color:#6b807b;line-height:1.5}label{display:block;margin-top:20px;font-size:14px}input{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #c9d9d2;border-radius:8px;font:inherit}input:focus{outline:2px solid #168b73}button{width:100%;border:0;border-radius:8px;background:#07816e;color:white;padding:14px;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.6}#error{color:#a72b35;font-size:14px}