:root{font-family:system-ui,sans-serif;color:#18362f;background:#f4f4ee}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:40px 24px}header{max-width:800px;margin-bottom:30px}header span{font-size:13px;letter-spacing:.14em;font-weight:700}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;margin:20px 0}p,li{line-height:1.6}.badge{display:table;padding:5px 12px;background:#eadcbb;border-radius:20px;font-size:13px}.layout{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}form,aside{background:white;border:1px solid #d7dfd8;border-radius:18px;padding:26px}aside{align-self:start;background:#18362f;color:#fff}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;font-weight:600;margin-bottom:16px}input,select{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #8faaa0;border-radius:7px;font:inherit;background:white;color:#18362f}input:focus,select:focus,button:focus{outline:3px solid #bf8f35;outline-offset:2px}fieldset{border:1px dashed #8faaa0;margin:20px 0;padding:15px}.hint{font-size:13px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}button{background:#18362f;color:white;border:0;border-radius:8px;padding:15px 22px;font:inherit;cursor:pointer;width:100%}hr{border:0;border-top:1px solid #647d73;margin:24px 0}@media(max-width:700px){.layout,.fields{grid-template-columns:1fr}main{padding:24px 16px}form,aside{padding:20px}}
#errors{border:2px solid #a42620;background:#fff0ed;color:#84201c;padding:16px;margin-bottom:20px;border-radius:8px}#whatsapp{margin-top:12px;background:#e3eddf;color:#18362f;border:1px solid #557660}.check{flex-wrap:wrap}#result:focus{outline:3px solid #bf8f35;outline-offset:8px}
