/* Semi-transparent login container with shadow */
.login-container {
    background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(5px) !important;
    border-radius: 12px !important;
    padding: 2rem !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}


/* Add breathing room on the right */
.login-sidebar {
    padding-right: 2rem !important;  /* pushes content away from the edge */
    background-color: transparent !important; /* Make the right-hand login box transparent */
    box-shadow: none !important; /* remove any shadows */

}


/* Login button green */
.login-button,
.btn.btn-primary {
    background-color: #72BF44 !important;
    border-color: #72BF44 !important;
    color: #fff !important;
}

/* Login button hover */
.login-button:hover,
.btn.btn-primary:hover {
    background-color: #5FA237 !important;
    border-color: #5FA237 !important;
}

/* Active input borders */
.form-group.form-group-default.focused {
    border-color: #72BF44 !important;
    box-shadow: 0 0 0 0.2rem rgba(114,191,68,0.25) !important;
}