*{box-sizing:border-box}body{margin:0;padding:24px;font:18px/1.5 system-ui,sans-serif;background:#f5f6f2;color:#243e2e}main{max-width:480px;margin:5vh auto;padding:28px;background:white;border:1px solid #d9e1d7;border-radius:20px}img{display:block;width:160px;height:125px;object-fit:contain;margin:auto}h1{font-size:28px;line-height:1.2}label{display:block;font-weight:650;margin:18px 0}input{display:block;width:100%;padding:12px;margin-top:6px;font:inherit;border:1px solid #7d8d80;border-radius:8px}button{width:100%;font:700 19px system-ui;background:#24563d;color:white;padding:15px;border:0;border-radius:10px;cursor:pointer}a{color:#24563d}input:focus-visible,button:focus-visible{outline:3px solid #91b43f;outline-offset:3px}@media(max-width:500px){body{padding:12px}main{margin:12px auto;padding:22px}}