/* iCt Horse — shared form styling (SSOT).
   Gebruikt door /contact.html en homepage #contact.
   Page-specifieke layout (grid, hero) blijft in de page-CSS. */

.contact-form{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:32px}
.contact-form label{display:block;margin-bottom:14px;color:var(--mint);font-size:.9rem}
.contact-form input,.contact-form textarea{width:100%;padding:10px 14px;margin-top:6px;background:rgba(7,11,20,.5);border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:.95rem;color:var(--text);transition:border-color .2s}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--teal-green)}
.contact-form textarea{resize:vertical;min-height:120px}
.contact-form button{margin-top:8px}
.honeypot{position:absolute;left:-9999px}
.form-status{margin-top:16px;padding:12px;border-radius:6px;display:none;font-size:.9rem}
.form-status.success{background:rgba(105,201,150,.12);color:var(--green);border:1px solid rgba(105,201,150,.3);display:block}
.form-status.error{background:rgba(248,91,50,.12);color:var(--coral);border:1px solid rgba(248,91,50,.3);display:block}