/* Базовый класс вашей карточки (если в html используется другой класс, замените .edu-program-card на него) */
.edu-program-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.3s ease !important; 
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Эффект живого перелива всего фона ПРИ НАВЕДЕНИИ */
.edu-program-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15) !important;
    border-color: transparent !important;
    
    /* Цвета градиента: синий, фиолетовый, лазурный */
    background: linear-gradient(-45deg, #1e3a8a, #3b82f6, #6366f1, #06b6d4) !important;
    background-size: 400% 400% !important;
    
    /* Запуск анимации */
    animation: liveGradientSpecialties 6s ease infinite !important;
}

/* Корректировка цветов текста при наведении для читаемости */
.edu-program-card:hover .edu-title {
    color: #ffffff !important;
}
.edu-program-card:hover .edu-props,
.edu-program-card:hover .edu-prop-line {
    color: #f1f5f9 !important;
}
.edu-program-card:hover .edu-badge {
    background-color: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}
.edu-program-card:hover .edu-btn-more {
    background-color: #ffffff !important;
    color: #1e3a8a !important;
}

/* Описание анимации движения градиента */
@keyframes liveGradientSpecialties {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}