body{

    background:linear-gradient(
        135deg,
        #eef7ef 0%,
        #dff0e0 100%
    );

}

/* ==========================
        LOGIN CARD
========================== */

.login-card{

    border:none;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    background:#ffffff;

}

.login-header{

    background:linear-gradient(
        90deg,
        #43a047,
        #2e7d32,
        #1b5e20
    );

    color:white;

    padding:25px;

    text-align:center;

}

.login-header h3{

    margin:0;

    font-weight:700;

}

.login-body{

    padding:35px;

}

/* ==========================
        LOGO
========================== */

.login-logo{

    max-width:220px;

    margin-bottom:25px;

}

.login-title{

    font-size:2rem;

    font-weight:700;

    color:#2e7d32;

}

.login-subtitle{

    color:#666;

    font-size:1.05rem;

}

.login-description{

    margin-top:25px;

    color:#555;

    line-height:1.8;

}

/* ==========================
        INPUTS
========================== */

.form-label{

    font-weight:600;

    color:#2f2f2f;

}

.form-control{

    border-radius:10px;

    border:1px solid #ced4da;

    padding:13px 15px;

    font-size:1rem;

    transition:all .25s;

}

.form-control:focus{

    border-color:#2e7d32;

    box-shadow:0 0 0 .20rem rgba(46,125,50,.18);

}

/* ==========================
        BUTTONS
========================== */

.btn-login{

    background:#2e7d32;

    color:white;

    font-weight:600;

    border:none;

    border-radius:10px;

    padding:12px;

    transition:.3s;

}

.btn-login:hover{

    background:#1b5e20;

    color:white;

}

.btn-register{

    border-radius:10px;

    font-weight:600;

}

/* ==========================
        LINKS
========================== */

.login-links a{

    text-decoration:none;

}

.login-links a:hover{

    text-decoration:underline;

}

/* ==========================
        RESPONSIVE
========================== */

@media(max-width:991px){

    .login-info{

        display:none;

    }

    .login-body{

        padding:30px;

    }

}

@media(max-width:576px){

    .login-body{

        padding:22px;

    }

}