/* assets/dist/css/custom-login.css */

body.login-page {
  /* Contoh: Background Gradient (ganti warna sesuai selera) */
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 

  /* Contoh: Background Gambar (pastikan path gambar benar) */
  /* background-image: url('../../images/background-login.jpg'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; */
}

.login-box {
  /* Beri sedikit bayangan agar 'mengambang' */
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  border-radius: 8px; /* Sudut sedikit melengkung */
}

.login-logo a {
   /* Ganti warna default jika perlu agar kontras dengan background baru */
   color: #ffffff; /* Contoh: Putih agar kontras dengan gradient gelap */
   text-shadow: 1px 1px 2px rgba(0,0,0,0.3); /* Bayangan teks agar lebih terbaca */
}

/* Jika logo aplikasi Anda berupa teks saja dan ingin mengganti warnanya */
.login-logo b { 
   /* Anda bisa styling nama aplikasi di sini jika perlu */
   /* color: #your_color; */
}


.login-box-body {
  background: rgba(255, 255, 255, 0.95); /* Sedikit transparan */
  border-radius: 0 0 8px 8px; /* Sesuaikan lengkungan sudut bawah */
  padding: 30px; /* Tambah sedikit padding */
}

/* Tombol Sign In */
.btn-primary.btn-flat {
  border-radius: 5px; /* Sedikit lengkungan pada tombol */
  background-color: #5e72e4; /* Warna biru yang sedikit berbeda (contoh) */
  border-color: #5e72e4;
  transition: all 0.3s ease; /* Efek transisi halus */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn-primary.btn-flat:hover {
  background-color: #4a5cc7; /* Warna saat hover */
  border-color: #4a5cc7;
  transform: translateY(-2px); /* Sedikit efek naik saat hover */
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Styling tambahan untuk CAPTCHA jika diperlukan */
/* Anda mungkin perlu inspect element CAPTCHA Anda untuk selector CSS yang tepat */
/* Misalnya jika captcha berupa gambar: */
/* .captcha-image { 
    border: 1px solid #ddd; 
    margin-bottom: 10px; 
} 
*/

/* Styling input field agar lebih modern (opsional) */
 .form-control {
    border-radius: 5px;
    box-shadow: none; /* Hapus shadow default bootstrap 3 jika ada */
    border-color: #ced4da;
 }
.form-control:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); /* Efek focus standar bootstrap 4/5 */
}