/* Contact card — fills the panel left empty after the Webflow form was removed */
.contact-right { display: flex; align-items: center; justify-content: center; }
.contact-form-wrap { width: 100%; }
.contact-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 20px;
  padding: 56px 32px;
}
.contact-card-title {
  color: #fff;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
}
.contact-card-text {
  color: rgba(255, 255, 255, 0.72);
  max-width: 36ch;
  margin-bottom: 8px;
}
.contact-card-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 300px;
}
.contact-card-btn-icon { width: 18px; height: 18px; }
.contact-card-btn-ghost {
  background-color: transparent;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}
.contact-card-btn-ghost:hover {
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85);
  background-color: rgba(255, 255, 255, 0.06);
}
.contact-card-btn-ghost .contact-card-btn-icon { filter: invert(1); }
@media (max-width: 767px) {
  .contact-card { padding: 36px 20px; }
  .contact-card-btn { min-width: 0; width: 100%; }
}