body {
            background: #f5f7ff;
            font-family: 'Inter', system-ui, sans-serif;
        }

        .btn-primary {
            background-color: #868d07;
            border-color: #868d07;
            color: #fff;
        }   
        .btn-primary:hover {
            background-color: #868d07;
            border-color: #868d07;
            color: #fff;
            
        }
        .login-wrapper {
            min-height: 100vh;
        }
        .olive-color
        {
            color: #868d07 !important;
        }

        .login-card {
            max-width: 420px;
            width: 100%;
            border-radius: 14px;
        }

        .logo-wrapper {
            width: 100%;
            max-width: 420px;
        }

        .logo-wrapper img {
            height: 36px;
        }

        @media (min-width: 992px) {
            .logo-wrapper { text-align: center; }
        }

        @media (max-width: 991px) {
            .logo-wrapper { text-align: center; }
        }

        label {
            font-weight: 500;
        }
        .divider {
    display: flex;
    align-items: center;
    text-align: center;
    color: #6c757d;
    font-size: 13px;
}

.divider::before,
.divider::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #e0e0e0;
}

.divider::before {
    margin-right: 10px;
}

.divider::after {
    margin-left: 10px;
}