*{box-sizing:border-box}body{margin:0;background:#f3f6f5;color:#16372b;font:16px/1.6 system-ui,sans-serif;padding:6vh 20px}main{max-width:520px;margin:auto;background:white;padding:32px;border:1px solid #d9e4df;border-radius:14px}.brand{font-size:13px;font-weight:700;letter-spacing:.09em;color:#087b54}h1{font-size:28px;margin:12px 0}label{display:block;margin:16px 0 5px;font-weight:600}input{width:100%;padding:12px;border:1px solid #a9bbb2;border-radius:7px;font:inherit}button{margin-top:22px;width:100%;padding:12px;border:0;border-radius:7px;background:#087b54;color:white;font:600 16px system-ui;cursor:pointer}.error{padding:12px;background:#fff0ea;color:#9e2819;border-radius:6px}.success{padding:12px;background:#e7f4ed}a{color:#087b54}small{color:#557466}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #28a879;outline-offset:3px}