/* Dark inquiry panel with readable light text and green accents. */
.contact {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 24px 4%;
  padding: 76px 5%;
  border: 2px solid var(--lime);
  border-radius: 24px;
  background: #19291e;
  color: #fff;
}
.contact::before,
.contact::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  background: repeating-linear-gradient(125deg, transparent 0 8px, var(--lime) 8px 11px, transparent 11px 18px);
}
.contact::before { top: 0; right: 32px; width: 132px; height: 20px; }
.contact::after { bottom: 0; left: 32px; width: 132px; height: 20px; }
.contact .eyebrow { color: #c8f68b; }
.contact .eyebrow::before { background: var(--lime); }
.contact p { color: #e8f0e7; }
.contact label { color: #fff; }
.contact input,
.contact select,
.contact textarea {
  padding: 13px 14px;
  border: 1px solid #cbd5c2;
  border-radius: 10px;
  background: #fff;
  color: #17200d;
}
.contact input::placeholder,
.contact textarea::placeholder { color: #596353; opacity: 1; }
.contact button {
  background: #061704;
  color: #fff;
  border: 1px solid #546c50;
}
.contact button:hover { background: #061704; border-color: #546c50; }
.contact a:focus-visible,
.contact button:focus-visible,
.contact input:focus-visible,
.contact select:focus-visible,
.contact textarea:focus-visible { outline: 2px solid #c8f68b; outline-offset: 4px; }
@media (max-width: 600px) {
  .contact { margin: 16px 4%; padding: 42px 20px; gap: 32px; border-radius: 18px; }
  .contact::before, .contact::after { width: 90px; height: 14px; }
}