/* 
 * Custom Styling untuk Halaman Autentikasi 
 * Referensi UI: image_ae33de.jpg
 */

/* Background utama halaman */
.gradient-bg {
    background: linear-gradient(to bottom, #8ee88e 0%, #20b56b 100%);
}

/* Background tombol login */
.btn-gradient {
    background: linear-gradient(to right, #4ade80 0%, #86efac 100%);
}

/* Styling kustom untuk input form agar memiliki border-bottom saja */
.input-custom {
    width: 100%;
    border: none;
    border-bottom: 2px solid #dcfce7; /* Warna hijau sangat muda */
    padding: 0.5rem 0;
    color: #4b5563; /* Warna abu-abu teks */
    background-color: transparent;
    transition: all 0.3s ease;
}

/* Animasi saat input sedang di-klik/fokus */
.input-custom:focus {
    outline: none;
    border-bottom-color: #4ade80; /* Warna hijau solid */
}

/* Fix untuk mencegah background input berubah warna (biasanya biru/kuning) saat browser melakukan autofill */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #4b5563 !important;
    transition: background-color 5000s ease-in-out 0s;
}