html,
body{
    height:100%;
    margin:0;
    background:#eef2f7;
    font-family:Poppins,Arial,sans-serif;
}

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

.brand-panel{

    background:#212529;

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:60px;

}

.brand-panel h1{

    font-size:2.15rem;
    font-weight:700;
    line-height:1.2;
    margin-bottom:18px;

}

.brand-panel p{

    font-size:1rem;
    opacity:.75;
    margin-bottom:40px;

}

.feature{

    display:flex;
    align-items:center;
    margin-bottom:20px;
    font-size:.98rem;

}

.feature i{

    width:40px;
    font-size:1.35rem;

}

.login-panel{

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#ffffff;

    padding:40px;

}

.login-card{
    width:100%;
    max-width:400px;
}

.logo{

    margin:0 auto 25px;

    text-align:center;

    font-size:54px;

    color:#6B6B6B;

}

.form-control{

    border-radius:10px;
    padding:.8rem 1rem;

}

.btn-primary{

    background:#212529;
    border-color:#212529;
    border-radius:10px;
    padding:.85rem;
    font-weight:600;

}

.btn-primary:hover{

    background:#343a40;
    border-color:#343a40;

}

.footer{

    margin-top:35px;
    text-align:center;
    color:#6c757d;
    font-size:.85rem;

}

@media (max-width:991px){

    .brand-panel{
        display:none;
    }

    .login-panel{
        padding:35px;
    }

}