.contact-form { margin: 0 0 32px; padding: 20px; background: #1E293B; border: 1px solid rgba(148, 163, 184, 0.08); border-radius: 16px; }
.contact-form .contact-form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.contact-form .contact-form-status { margin: 0; font-size: 15px; line-height: 1.6; color: #CBD5E1; }
.contact-form .contact-form-status:empty { display: none; }
.contact-form .contact-form-status-sent { margin-bottom: 16px; padding: 12px 16px; border-radius: 10px; background: rgba(74, 222, 128, 0.10); color: #4ADE80; }
.contact-form .contact-form-status-invalid, .contact-form .contact-form-status-error { margin-bottom: 16px; padding: 12px 16px; border-radius: 10px; background: rgba(239, 68, 68, 0.12); color: #FCA5A5; }
.contact-form .contact-form-row { display: grid; grid-template-columns: 1fr; gap: 0 16px; }
.contact-form .contact-form-field { margin-bottom: 16px; }
.contact-form .contact-form-label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #94A3B8; }
.contact-form .contact-form-optional { font-weight: 400; letter-spacing: 0; text-transform: none; color: #64748B; }
.contact-form .contact-form-input { display: block; width: 100%; padding: 12px 14px; font-size: 16px; font-weight: 400; line-height: 1.5; color: #FFFFFF; background: #131A2E; border: 1px solid rgba(148, 163, 184, 0.20); border-radius: 10px; transition: border-color 0.2s, box-shadow 0.2s; }
.contact-form .contact-form-input::placeholder { color: #64748B; }
.contact-form .contact-form-input:focus { outline: none; border-color: #F97316; box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.20); }
.contact-form .contact-form-textarea { min-height: 140px; resize: vertical; }
.contact-form .contact-form-note { margin: 0 0 16px; font-size: 14px; line-height: 1.6; color: #94A3B8; }
.contact-form .contact-form-note a { color: #F97316; text-decoration: underline; text-decoration-color: rgba(249, 115, 22, 0.4); text-underline-offset: 3px; }
.contact-form .contact-form-note a:hover { text-decoration-color: #F97316; }
.contact-form .contact-form-button { display: inline-block; padding: 12px 28px; font-size: 16px; font-weight: 700; color: #FFFFFF; background: #F97316; border: 0; border-radius: 10px; cursor: pointer; transition: background-color 0.2s; }
.contact-form .contact-form-button:hover, .contact-form .contact-form-button:focus-visible { background: #C2410C; }
@media (min-width: 768px) {
  .contact-form { padding: 24px; }
  .contact-form .contact-form-row { grid-template-columns: 1fr 1fr; }
}