@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap');

 body,
 html {
     height: 100%;
     margin: 0;
     font-family: 'Nunito', sans-serif;
 }

 /* Latar Belakang Gambar Full Screen */
 .bg-image {
     /* Mengambil gambar bernuansa koin/keuangan dari Unsplash */
     background-image: url('https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?q=80&w=1920&auto=format&fit=crop');
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
 }

 /* Lapisan Gelap di atas gambar agar form tetap terbaca */
 .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(15, 32, 39, 0.7);
     /* Warna gelap transparan */
     z-index: 1;
 }

 /* Desain Kartu Login (Glassmorphism Effect) */
 .login-card {
     background: rgba(255, 255, 255, 0.95);
     backdrop-filter: blur(10px);
     /* Efek blur di belakang kartu */
     border-radius: 20px;
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
     padding: 40px;
     width: 100%;
     max-width: 420px;
     z-index: 2;
     /* Agar tampil di atas overlay */
     position: relative;
 }

 .login-title {
     font-weight: 800;
     color: #2c3e50;
     text-align: center;
     margin-bottom: 30px;
 }

 .login-title i {
     color: #4e73df;
 }

 .input-group-text {
     background-color: transparent;
     border-right: none;
     color: #4e73df;
 }

 .form-control {
     border-left: none;
 }

 .form-control:focus {
     box-shadow: none;
     border-color: #ced4da;
 }

 /* Input Group saat difokuskan */
 .input-group:focus-within {
     box-shadow: 0 0 0 0.25rem rgba(78, 115, 223, 0.25);
     border-radius: 0.375rem;
 }

 .btn-login {
     background: linear-gradient(135deg, #4e73df 0%, #224abe 100%);
     border: none;
     color: white;
     font-weight: 700;
     padding: 12px;
     border-radius: 10px;
     transition: all 0.3s ease;
 }

 .btn-login:hover {
     transform: translateY(-2px);
     box-shadow: 0 5px 15px rgba(34, 74, 190, 0.4);
     color: white;
 }

 .text-muted-custom {
     color: #7f8c8d;
     font-size: 0.9rem;
 }