*{box-sizing:border-box}body{font:16px Arial,sans-serif;background:#f4f6f4;color:#182d24;margin:0}main{max-width:620px;margin:40px auto;padding:28px;background:#fff;border-radius:14px;border:1px solid #dbe4dc}h1{font-size:27px}label{display:block;margin:18px 0 7px;font-weight:bold}input{font:inherit;width:100%;padding:12px;border:1px solid #bbcabb;border-radius:8px}button{font:inherit;font-weight:bold;background:#ffd335;border:0;border-radius:8px;padding:13px 20px;margin-top:22px;cursor:pointer}a{color:#17673f}.error{background:#fff0ef;color:#9c2929;padding:15px;border-radius:8px}.notice{font-size:14px;line-height:1.6;color:#5b6a5c}input:focus-visible,button:focus-visible{outline:3px solid #bb8700;outline-offset:3px}@media(max-width:650px){main{margin:20px 12px;padding:20px}}