/* File: assets/css/login.css */

/* Mengatur body agar tampak bersih */
body.login-page {
    background-color: #f8f9fa;
    /* Latar belakang body */
}

/* Container Utama: Memastikan konten mengisi tinggi layar */
.login-wrapper {
    min-height: 100vh;
}

/* Banner/Kolom Kiri (PC View) */
.login-banner {
    background-image: linear-gradient(135deg, #5f95e7 0%, #002c8f 100%);
    /* Gradien biru yang lebih tegas */
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3rem;
    position: relative;
    overflow: hidden;
}

/* Efek visual pada banner */
.login-banner::before {
    content: '';
    position: absolute;
    width: 150%;
    height: 150%;
    background: rgba(255, 255, 255, 0.05);
    transform: rotate(30deg);
    top: -50%;
    left: -50%;
    z-index: 0;
}

/* Kolom Login (Mobile View) */
@media (max-width: 991.98px) {

    /* Batas lg */
    .login-wrapper {
        background-color: white;
    }

    .login-form-container {
        /* Padding lebih besar di HP untuk tampilan full-screen yang nyaman */
        padding: 1.5rem 1rem !important;
    }

    .login-form-box {
        /* Untuk memastikan card terlihat jelas di HP */
        max-width: 450px;
    }
}

@media (min-width: 992px) {

    /* PC */
    .login-form-box {
        max-width: 400px;
        /* Lebar maksimal form di PC */
    }
}