.contact-form { display: grid; gap: 18px; margin-top: 24px; }
.contact-form label span { display: block; margin-bottom: 7px; color: #172a35; font-size: 13px; font-weight: 750; }
.contact-form input, .contact-form textarea { width: 100%; padding: 12px; border: 1px solid #cbd8dc; border-radius: 10px; background: #fff; color: #172a35; font: 16px Inter, Arial, sans-serif; }
.contact-form input { height: 46px; }
.contact-form textarea { min-height: 170px; resize: vertical; }
.contact-form button { justify-self: start; padding: 12px 20px; border: 0; border-radius: 9px; background: #173a4a; color: #fff; font-weight: 800; cursor: pointer; }
.contact-form button:hover { filter: brightness(.94); }
.contact-form .hp { position: absolute; left: -9999px; }
.form-status { padding: 14px 16px; border-radius: 9px; }
.form-status.success { background: #e2f5ec; border-left: 4px solid #287557; }
.form-status.error { background: #f9e5e2; border-left: 4px solid #ad4c42; }
.home-link { display: inline-flex; align-items: center; gap: 7px; padding: 10px 14px; border: 1px solid #dce7e5; border-radius: 9px; background: #fff; color: #087f80; text-decoration: none; font-size: 13px; font-weight: 800; white-space: nowrap; }
.home-link:hover { border-color: #82cec5; background: #f0faf8; }
.home-link:focus-visible { outline: 3px solid #08a6a633; outline-offset: 2px; }
@media (max-width: 480px) { .home-link { padding: 9px 11px; } }