/* index.css */

.input-dark {
  background-color: #1F2937;
  color: #F3F4F6;
  padding: 12px;
  border-radius: 0.5rem;
  border: 1px solid #374151;
  outline: none;
  width: 100%;
  transition: border 0.3s ease;
}
.input-dark::placeholder {
  color: #9ca3af;
}
.input-dark:focus {
  border-color: #FBBF24;
}

textarea.input-dark {
  resize: vertical;
}

/* Modal fade effect */
#thankYouModal {
  display: flex;
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}