.my-hubspot-form .hs-form {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 24px;
}

.my-hubspot-form .hs-input {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  color: white !important;
  padding: 12px 16px !important;
}

.my-hubspot-form .hs-input:focus {
  border-color: #F79681 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(247, 150, 129, 0.3) !important;
}

.my-hubspot-form .hs-form-field label {
  color: white !important;
  font-weight: 500 !important;
  margin-bottom: 8px !important;
}

.my-hubspot-form .hs-button {
  background: linear-gradient(135deg, #EB518D, #F79681) !important;
  border: none !important;
  border-radius: 8px !important;
  color: white !important;
  font-weight: 600 !important;
  padding: 16px 24px !important;
  width: 100% !important;
  transition: all 0.3s ease !important;
}

.my-hubspot-form .hs-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(235, 81, 141, 0.3) !important;
}

.my-hubspot-form .hs-form-field {
  margin-bottom: 16px !important;
}

/* side-by-side first/last name via attribute selectors */
.my-hubspot-form .hs-input[name="firstname"],
.my-hubspot-form .hs-input[name="lastname"] {
  width: 48% !important;
  display: inline-block !important;
  margin-right: 4% !important;
}

.my-hubspot-form .hs-input[name="lastname"] {
  margin-right: 0 !important;
}

/* Additional styling for better integration */
.my-hubspot-form .hs-form-field .hs-field-desc {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 12px !important;
}

.my-hubspot-form .hs-error-msgs {
  color: #ff6b6b !important;
}

.my-hubspot-form .hs-form-required {
  color: #F79681 !important;
}