:root{font:16px system-ui,sans-serif;color:#193027;background:#f3f7f4}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:0 auto;padding:32px 20px 64px}h1{font-size:2rem}h2{font-size:1.15rem}p{line-height:1.5;color:#4e655a}section{background:white;border:1px solid #dce8df;border-radius:16px;padding:20px;margin:16px 0}form{display:grid;gap:12px}label{display:grid;gap:5px;font-weight:600}input,button{font:inherit;border-radius:9px;padding:11px;border:1px solid #b7cbbd}button{background:#176e58;color:white;border-color:#176e58;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #67a88c;outline-offset:2px}#message:not(:empty){padding:12px;border-radius:9px;background:#dff0e5}

form[hidden]{display:none}