.login-page{

    background:#f8f9fa;

    min-height:70vh;

    display:flex;

    align-items:center;

}

.login-card{

    background:#fff;

    border-radius:22px;

    padding:45px;

    border:1px solid #ececec;

    box-shadow:0 .5rem 1.5rem rgba(0,0,0,.08);

}

.login-icon{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:20px;

    border-radius:50%;

    background:#0d6efd;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:2.4rem;

}

.login-title{

    font-size:2rem;

    font-weight:700;

    margin-bottom:.5rem;

}

.login-subtitle{

    color:#6c757d;

    margin-bottom:0;

}

.login-card .form-label{

    font-weight:600;

    margin-bottom:.5rem;

}

.login-card .input-group-text{

    background:#fff;

    border-radius:12px 0 0 12px;

}

.login-card .form-control{

    height:52px;

    border-radius:0 12px 12px 0;

    box-shadow:none;

}

.login-card .form-control:focus{

    border-color:#0d6efd;

    box-shadow:0 0 0 .2rem rgba(13,110,253,.15);

}

.login-card .btn{

    border-radius:14px;

    min-height:54px;

    font-weight:600;

}

.login-card hr{

    opacity:.1;

}

@media (max-width:768px){

    .login-card{

        padding:30px 22px;

    }

}

.login-icon.bg-warning{

    background:#ffc107 !important;

    color:#212529 !important;

}