/* Contact form (Web3Forms) - used by index.html. Same palette and fonts as style.css. */
.cf{margin-top:56px;border:1px solid var(--line);border-radius:20px;padding:40px;display:grid;grid-template-columns:1fr 1.6fr;gap:40px 56px;background:#fff}
.cf h3{font-size:26px;font-weight:800;line-height:1.2}
.cf .cf-intro p{color:#444;margin-top:12px}
.cf .cf-intro p a{color:var(--o);font-weight:600;text-decoration:none}
.cf .cf-intro p a:hover{text-decoration:underline}
.cf form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.cf .cf-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.cf .cf-f.full,.cf .cf-act,.cf .cf-st{grid-column:1/-1}
.cf label{font:700 14px/1.3 Montserrat,Arial,sans-serif;color:var(--c)}
.cf input[type=text],.cf input[type=email],.cf textarea{width:100%;font:16px/1.5 Roboto,Arial,sans-serif;color:var(--c);background:#fff;border:1.5px solid #CFCFCF;border-radius:12px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}
.cf textarea{min-height:150px;resize:vertical}
.cf input:focus,.cf textarea:focus{outline:none;border-color:var(--o);box-shadow:0 0 0 3px rgba(254,80,0,.15)}
.cf .cf-act{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cf .btn[disabled]{opacity:.6;cursor:default}
.cf .cf-st{font-size:16px;border-radius:12px;padding:14px 16px;display:none}
.cf .cf-st.ok{display:block;background:#FFF1EA;color:var(--c);border-left:4px solid var(--o)}
.cf .cf-st.err{display:block;background:var(--grey);color:var(--c);border-left:4px solid var(--c)}
.cf .cf-st a{color:var(--o);font-weight:600}
@media (max-width:960px){.cf{grid-template-columns:1fr;padding:32px}}
@media (max-width:600px){.cf{margin-top:36px;padding:24px 20px;gap:20px}.cf h3{font-size:22px}.cf form{grid-template-columns:1fr}.cf .btn{width:100%}}