.card.hover-card {
    box-shadow: var(--box-shadow);
    transition: all 0.1s ease;
}

.card.hover-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

.card.hover-card img {
    transition: all 0.1s ease;
}

.card.hover-card:hover img {
    opacity: 0.9;
}

.card.hover-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 2px solid var(--accent-color);
    opacity: 0;
    transition: all 0.1s ease;
}

.card.hover-card:hover::after {
    opacity: 1;
}