/* contact.css */

/* Glowing kutu */
.glowing-box {
  background-color: #111827; /* koyu koyu gri/siyah */
  border-radius: 1rem;
  box-shadow:
    0 0 10px #0ea5e9,
    0 0 30px #0ea5e9,
    0 0 60px #0ea5e9;
  transition: box-shadow 0.3s ease;
  padding: 2rem;
}

.glowing-box:hover {
  box-shadow:
    0 0 15px #3b82f6,
    0 0 40px #3b82f6,
    0 0 80px #3b82f6;
}

/* Form label renk */
.form-label {
  font-weight: 600;
}

/* Input ve textarea */
.form-control {
  background-color: #1f2937;
  color: #cbd5e1;
  border: 1px solid #3b82f6;
  border-radius: 0.5rem;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.form-control:focus {
  background-color: #111827;
  border-color: #61dafb;
  color: #cbd5e1;
  box-shadow: 0 0 8px #61dafb;
}

/* Buton */
.btn-info {
  font-weight: 600;
  border-radius: 0.5rem;
  padding: 0.5rem;
  transition: background-color 0.3s ease;
}

.btn-info:hover {
  background-color: #0e71c8;
  box-shadow: 0 0 12px #61dafb;
}

/* Invalid feedback renk */
.invalid-feedback {
  color: #f87171;
}

/* Responsive küçültme */
@media (max-width: 576px) {
  .glowing-box {
    padding: 1.5rem;
  }
}