*{box-sizing:border-box}body{margin:0;background:#eef3f0;color:#193d33;font:16px/1.6 Arial,sans-serif}main{max-width:620px;margin:6vh auto;padding:38px;background:white;border:1px solid #d4dfd8;border-radius:14px}.brand{font-size:14px;font-weight:700;letter-spacing:2px;color:#49705b}h1{font-size:32px;line-height:1.2;margin:24px 0}h2{font-size:21px;margin:28px 0 14px}label{display:block;font-size:14px;font-weight:600;margin:18px 0}input{display:block;width:100%;padding:12px;border:1px solid #b9c9bf;border-radius:6px;font:inherit;margin-top:5px}button{padding:13px 20px;border:0;border-radius:7px;color:white;background:#174d42;font:600 16px Arial;cursor:pointer;width:100%;margin-top:12px}a{color:#216d56}input:focus,button:focus-visible{outline:3px solid #91beaa;outline-offset:2px}.error{background:#fff0ec;border:1px solid #d98977;padding:12px;color:#922f20}.success{background:#e5f6eb;padding:12px}.hint{font-size:14px;color:#5d7467}code{background:#edf3ef;padding:2px 5px}@media(max-width:650px){main{margin:20px 12px;padding:24px}}