/* External module styles: inviting, sales-call palette */
.crax-contact-form {
  max-width: 600px;
  margin: auto;
  padding: 24px;
  background: linear-gradient(135deg, #FF5722 0%, #FFC107 100%);
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

.crax-contact-form label {
  display: block;
  margin-top: 16px;
  font-weight: 600;
  color: #ffffff;
}

.crax-contact-form input,
.crax-contact-form select,
.crax-contact-form textarea {
  width: 100%;
  padding: 12px;
  margin-top: 6px;
  border: 2px solid #FFD740;
  border-radius: 6px;
  background: #ffffff;
  color: #333;
}

.checkbox-group label {
  display: block;
  margin-top: 8px;
  color: #FFF3E0;
}

.crax-contact-form button {
  margin-top: 24px;
  padding: 14px 24px;
  background: #FF3D00;
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(255,61,0,0.5);
  transition: transform .1s, box-shadow .1s;
}
.crax-contact-form button:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(255,61,0,0.7);
}

#craxFormPopup {
  margin-top: 20px;
  padding: 14px;
  border-radius: 8px;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
#craxFormPopup.error {
  background: #C62828;
}
#craxFormPopup:not(.error) {
  background: #2E7D32;
}