*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f5f0;color:#213a33;min-height:100vh;display:grid;place-items:center;padding:24px}main{background:white;padding:36px 28px;border:1px solid #e0e5dc;border-radius:22px;width:100%;max-width:390px}.logo{display:grid;place-items:center;background:#d8eda9;border-radius:16px;width:58px;height:58px;font-size:34px;font-weight:700;color:#173f35}h1{margin:20px 0 8px;font-size:32px}p{color:#768575;font-size:14px;margin:0 0 28px}label{display:block;font-size:14px;margin:18px 0}input{display:block;width:100%;padding:14px;margin-top:8px;border:1px solid #d3ddce;border-radius:10px;font-size:16px;color:#213a33}button{width:100%;padding:15px;border:0;border-radius:10px;background:#173f35;color:white;font-size:16px;font-weight:bold;cursor:pointer}small{display:block;color:#768575;line-height:1.7;font-size:12px;margin-top:22px}[role=alert]{padding:12px;background:#fff0dc;border-radius:8px;color:#94633b;font-size:14px}input:focus-visible,button:focus-visible{outline:3px solid #9bbf70;outline-offset:2px}