body {
    /* background: linear-gradient(135deg, #1a2b5f 0%, #0d1a3a 60%, #e8312a 100%); */
    background-image: url('../images/loginback.svg');
    min-height: 100vh;
    display: flex;
    align-items: center;
    background-size: 100%;
}

.login-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
    max-width: 440px;
    width: 100%;
}

.login-header {
    /* background: linear-gradient(135deg, #1a2b5f, #0d1a3a); */
    /* background: linear-gradient(135deg, #009688, #74aea7); */
    /* background: linear-gradient(135deg, #0096888f, #0096888f); */
    padding: 1rem 0.5rem;
    text-align: center;
    border-bottom: 1px solid #0096888f;
}

.login-header h4.fw-800.mb-0 {
    font-size: 1.3rem;
}

.login-logo {
    width: 60px;
    height: 60px;
    background: #e8312a;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 900;
    color: #fff;
    margin: 0 auto 1rem;
}

.login-body {
    padding: 2rem 2.5rem 2.5rem;
}

.form-label {
    font-weight: 600;
    font-size: .85rem;
    color: #374151;
}

.form-control {
    border-radius: 10px;
    padding: .65rem 1rem;
    border-color: #d1d5db;
}

.form-control:focus {
    border-color: #1a2b5f;
    box-shadow: 0 0 0 3px rgba(26, 43, 95, .15);
}

.btn-login {
    /* background: linear-gradient(135deg, #1a2b5f, #e8312a); */
    /* background: linear-gradient(135deg, #70c4bc, #70c5bd); */
    background: linear-gradient(135deg, #009688, #009688c7);
    border: none;
    border-radius: 10px;
    padding: .75rem;
    font-weight: 700;
    letter-spacing: .03em;
}

.btn-login:hover {
    opacity: .9;
}

.input-group-text {
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    border-color: #d1d5db;
}
img.img-responsive {
    width: 50%;
}
/* Match your existing app primary color */
#loginBtn {
    background: #48b0a5;
    border-color: #48b0a5;
    color: #fff;
    border-radius: 10px;
    padding: .6rem 1rem;
    font-weight: 600;
    transition: background .2s, transform .1s;
}
#loginBtn:hover {
    background: #48b0a5;
    border-color: #48b0a5;
}
#loginBtn:active {
    transform: scale(.98);
}
i.bi.bi-envelope.text-muted, i.bi.bi-lock.text-muted {
    color: #38cab9 ! important;
    font-weight: 800! important;
}