.glass-effect {
    background: var(--staff-glass-bg) !important;
    backdrop-filter: saturate(180%) blur(20px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
    border: 1px solid var(--staff-glass-border) !important;
    box-shadow: var(--staff-glass-shadow) !important;
    border-radius: var(--staff-radius-lg) !important;
    transition: border-color var(--staff-transition-base), box-shadow var(--staff-transition-base);
}

.glass-effect:hover,
.glass-effect:focus {
    border-color: var(--staff-color-secondary) !important;
    box-shadow: 0 0 0 2px rgba(var(--staff-color-secondary-rgb), 0.35) !important;
}