.at-contact-info-row {
  border-top: 1px solid var(--at-neutral-100, #212121);
  border-bottom: 1px solid var(--at-neutral-100, #212121);
  padding-top: 28px;
  padding-bottom: 28px;
}
.at-contact-form-card {
  border: 1px solid var(--at-neutral-100, #212121);
  border-radius: 24px;
  padding: clamp(24px, 4vw, 56px);
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.55);
}
@media (max-width: 574.98px) {
  .at-contact-form-card {
    padding: 24px 20px;
  }
}

/* Gradient focus underline — the shared .sec-4-about-form__field/__input
   markup only draws a flat 1px bottom border (main.css); this layers a
   gradient bar of the same thickness on top that grows in from the center
   on focus instead of just snapping the border color, without touching the
   shared classes (they're reused as-is on several other pages). */
.at-contact-form-card .sec-4-about-form__field {
  position: relative;
}
.at-contact-form-card .sec-4-about-form__field::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, #F0460E, #FFB703);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}
.at-contact-form-card .sec-4-about-form__field:focus-within::after {
  transform: scaleX(1);
}