/* ===================================
   LOGIN PAGE SIPARJAN MAN 2 PATI
   =================================== */

.login-page{
    min-height:100vh;
    background:#f4f6f9;
}

/* WRAPPER */

.login-page .login-wrapper{
    display:flex;
    min-height:100vh;
}

/* ==========================
   PANEL KIRI
   ========================== */

.login-page .login-left{
    flex:1;
    position:relative;

    background-image:url('../../gambar/sistem/bg-login.jpeg');
    background-size:cover;
    background-position:center center;
}

/* OVERLAY */

.login-page .login-overlay{

    position:absolute;

    top:0;
    right:0;
    bottom:0;
    left:0;

    background:
    linear-gradient(
        rgba(0,70,35,0.70),
        rgba(0,40,20,0.85)
    );

    display:flex;
    align-items:flex-end;
}

/* TEXT SEKOLAH */

.login-page .school-info{

    color:#ffffff;

    padding:60px;

    max-width:600px;
}

.login-page .school-info h1{

    font-size:64px;
    font-weight:700;
    margin-bottom:15px;
}

.login-page .school-info p{

    font-size:22px;
    line-height:1.8;
}

/* ==========================
   PANEL KANAN
   ========================== */

.login-page .login-right{

    width:500px;
    min-width:500px;

    background:#ffffff;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:20px;
}

/* CARD LOGIN */

.login-page .login-card{

    width:100%;
    max-width:500px;

    background:#ffffff;

    padding:20px;

    border-radius:20px;

    box-shadow:
    0 15px 40px rgba(0,0,0,0.12);
}

/* LOGO */

.login-page .logo-man{

    width:100px;
    margin-bottom:10px;
}

.login-page .logo-siparjan{

    width:300px;
    max-width:100%;

    margin-bottom:25px;
}

/* LABEL */

.login-page label{

    font-weight:600;
    color:#444;
}

/* INPUT */

.login-page .form-control{

    height:46px;
    border-radius:8px;
}

/* BUTTON */

.login-page .btn-login{

    height:48px;

    font-size:16px;

    font-weight:600;

    border-radius:8px;
}

/* RESPONSIVE */

@media(max-width:991px){

    .login-page .login-left{
        display:none;
    }

    .login-page .login-right{

        width:100%;
        min-width:100%;
    }

    .login-page .login-card{

        max-width:450px;
    }

}

.school-badge{
    position:absolute;
    top:30px;
    left:30px;

    color:#fff;
    font-size:14px;

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

    padding:10px 18px;

    border-radius:30px;

    backdrop-filter:blur(8px);
}