body{
    background: linear-gradient(135deg, #1e5fd8, #63a8ff) !important;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

/* card */
.card{
    border: none !important;
    border-radius: 24px;
    overflow: hidden;
    background: #f6f5f1;
}

/* gambar kanan */
.login-image{
    background:
        linear-gradient(
            to right,
            #f6f5f1 0%,
            rgba(246,245,241,.92) 12%,
            rgba(246,245,241,.70) 22%,
            rgba(246,245,241,.40) 32%,
            rgba(246,245,241,.15) 42%,
            rgba(246,245,241,.03) 52%,
            rgba(246,245,241,0) 60%
        ),
        url('../img/tower.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 520px;
}

/* form */
.login-form{
    padding: 50px;
}

/* title */
.title{
    font-size: 60px;
    font-family: Georgia;
    margin-bottom: 10px;
}

.subtitle{
    color: #777;
    margin-bottom: 50px;
}

/* input */
.form-control-user{
    height: 55px;
    border-radius: 10px !important;
}

/* button */
.btn-login{
    background: #174fcf;
    border: none;
    height: 55px;
    border-radius: 10px;
    color: white;
    width: 100%;
}

.btn-login:hover{
    background: #123fa5;
}

.small-link{
    text-align: center;
    margin-top: 20px;
}