﻿.card {
    border-radius: 15px;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    }

.card-title {
    font-weight: 600;
    font-size: 1.25rem;
}

.card-text strong {
    color: #555;
}

@media (max-width: 576px) {
    .card {
        text-align: center;
    }
}

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.85rem;
}
