.task-card-hover {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.task-card-hover:hover {
    transform: scale(1.03); /* Subtle zoom */
    box-shadow: 0 10px 20px rgba(0,0,0,0.12) !important; /* Enhanced shadow */
    z-index: 10; /* Ensures it stays above neighboring cards */
}