.banner-container {
    text-align: center;
    margin-bottom: 20px;
}

.form-banner {
    width: 100%;
    max-width: 600px; /* İstediğiniz genişlik */
    height: auto;
}

/* Mobil cihazlar için (max-width 768px) */
@media (max-width: 1000px) {
    .form-banner {
        max-width: 95%; /* Mobilde biraz daha küçük bir genişlik */
    }
    .banner-container {
        margin-bottom: 30px; /* Mobilde daha az boşluk */
    }
}

/* Daha küçük cihazlar için (max-width 480px) */
@media (max-width: 700px) {
    .form-banner {
        max-width: 100%; /* Daha küçük cihazlarda tam genişlik */
        margin: 0 auto; /* Ortalama */
    }
    .banner-container {
        margin-bottom: 10px; /* Çok küçük cihazlarda daha az boşluk */
    }
}


/* Veri giriş alanlarının varsayılan görünümü */
input, select, textarea {
    border: 2px solid #d1d5db; /* Varsayılan gri sınır */
    transition: border-color 0.3s, box-shadow 0.3s;
}

/* Odaklanıldığında (focus) alanların daha belirgin olması */
input:focus, select:focus, textarea:focus {
    border-color: #6366f1; /* Mor sınır (Tailwind indigo-600) */
    box-shadow: 0 0 5px rgba(99, 102, 241, 0.5); /* Hafif bir mor parlama */
    outline: none;
}

/* Alanlar üzerindeyken (hover) görsel iyileştirme */
input:hover, select:hover, textarea:hover {
    border-color: #9ca3af; /* Daha koyu gri sınır */
}

/* Placeholder yazılarının görünümünü iyileştirme */
::placeholder {
    color: #6b7280; /* Tailwind'in gri tonu */
    opacity: 0.8;
}