/* Background full screen */

body {

    background: url('../assets/img/bg12.jpg') no-repeat center center fixed;

    background-size: cover;

    height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

}



/* Container utama */

.login-container {

    width: 100%;

    max-width: 400px;

    padding: 20px;

}



/* Card login transparan */

.login-card {

    background: rgba(0, 0, 0, 0.15); /* Transparan */

    backdrop-filter: blur(20px); /* Efek blur */

    padding: 30px;

    border-radius: 10px;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

    text-align: center;

}



/* Input styling */

.form-control {

    background: rgba(255, 255, 255, 0.7);

    border: none;

}



.form-control:focus {

    background: rgba(255, 255, 255, 0.9);

    box-shadow: none;

}



/* Tombol login */

.btn-primary {

    background-color: #007bff;

    border: none;

}



.btn-primary:hover {

    background-color: #0056b3;

}



/* Styling untuk ikon mata */

#togglePassword {

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

    cursor: pointer;

}