/* cards.css — Card component styles */

.glass-card {
    background: rgba(20, 20, 20, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.dark-card {
    background: #141414;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.card-hover {
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}

.card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    border-color: rgba(34, 197, 94, 0.3);
}