/* Contact Page Custom Styles */
.contact-form-card {
  background: var(--glass);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--border);
  border-radius: 1.5rem;
  padding: 2.5rem 2rem;
  box-shadow: 0 4px 32px rgba(124,58,237,0.07);
  margin-bottom: 2rem;
}
.contact-form .form-group {
  margin-bottom: 1.5rem;
}
.contact-form .form-label {
  font-weight: 600;
  color: #d8b4fe;
  margin-bottom: 0.5rem;
  display: block;
}
.contact-form .form-control, .contact-form select, .contact-form textarea {
  background: rgba(255,255,255,0.07);
  border: 1.5px solid rgba(255,255,255,0.13);
  border-radius: 0.75rem;
  color: white;
  padding: 0.85rem 1.2rem;
  font-size: 1rem;
  transition: border 0.2s, box-shadow 0.2s;
  width: 100%;
  box-shadow: none;
}
.contact-form .form-control:focus, .contact-form select:focus, .contact-form textarea:focus {
  border-color: #9333ea;
  box-shadow: 0 0 0 3px rgba(147, 51, 234, 0.1);
  background: rgba(255,255,255,0.10);
  outline: none;
}
.contact-form .error-message {
  color: #ef4444;
  font-size: 0.95rem;
  margin-top: 0.25rem;
}
.contact-form .btn-primary {
  background: var(--gradient);
  border: none;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0.85rem 2.5rem;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px rgba(192, 132, 252, 0.4);
  transition: background 0.2s, transform 0.2s;
}
.contact-form .btn-primary:hover {
  background: linear-gradient(90deg, #ec4899 0%, #7c3aed 100%);
  transform: translateY(-2px) scale(1.03);
}
.contact-form .form-control::placeholder,
.contact-form textarea::placeholder,
.contact-form select::placeholder {
  color: #888888 !important;
  opacity: 1;
}
.contact-form .form-control::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder,
.contact-form select::-webkit-input-placeholder {
  color: #888888 !important;
}
.contact-form .form-control::-moz-placeholder,
.contact-form textarea::-moz-placeholder,
.contact-form select::-moz-placeholder {
  color: #888888 !important;
}
.contact-form .form-control:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder,
.contact-form select:-ms-input-placeholder {
  color: #888888 !important;
}
.contact-form .form-control::-ms-input-placeholder,
.contact-form textarea::-ms-input-placeholder,
.contact-form select::-ms-input-placeholder {
  color: #888888 !important;
}
@media (max-width: 768px) {
  .contact-form-card {
    padding: 1.5rem 0.5rem;
  }
}