*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f5f6f4;color:#171917;font:16px system-ui,sans-serif;padding:24px}main{width:100%;max-width:420px;border:1px solid #e3e6e1;border-radius:16px;padding:32px;background:white;box-shadow:0 8px 28px #1419140f}.brand{color:#008060;font-size:12px;font-weight:800;letter-spacing:.14em}h1{font-size:28px;margin:16px 0 8px}p{color:#6d736d;line-height:1.5}label{display:grid;gap:8px;margin:20px 0;font-size:14px}input{width:100%;padding:12px;border:1px solid #c9cec8;border-radius:8px;font:inherit}button{width:100%;padding:13px;border:0;border-radius:8px;background:#008060;color:white;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.6}#message{color:#b42318;font-size:14px;margin-bottom:0}