*{box-sizing:border-box}body{margin:0;background:#f5f7ef;color:#43573b;font:14px system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:25px}main{width:100%;max-width:460px;background:#fdfdf9;border:1px solid #e1e7d6;border-radius:18px;padding:38px}.brand{font-family:Georgia,serif;font-size:38px;color:#60794e}.eyebrow{font-size:9px;letter-spacing:2px;margin-top:30px;color:#9aaa8a}h1{font:normal 34px/1.2 Georgia,serif;letter-spacing:-1px}p{color:#8a9980;line-height:1.8;font-size:12px}label{display:block;font-size:11px;color:#8b9b7d;margin-top:20px}input{display:block;width:100%;border:1px solid #dce5cf;padding:13px;border-radius:7px;margin-top:8px;font:16px system-ui;background:#fffef9;color:#5e7850}button{display:flex;justify-content:space-between;width:100%;padding:14px 17px;background:#587349;color:#f7faef;border:0;border-radius:7px;margin-top:25px;cursor:pointer}.note{font-size:10px;margin-top:20px}.error{font-size:11px;color:#a26c55;background:#faebdd;padding:12px;border-radius:7px}