.card {
    background: var(--bg-card);
    border-radius: var(--radius-card);
    padding: var(--space-5);
    box-shadow: var(--shadow);
    transition: box-shadow var(--transition), transform var(--transition);
}

.card:hover {
    box-shadow: var(--shadow-hover);
    transform: translateY(-2px);
}

.card-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: var(--space-2);
    color: var(--text);
}

.card-text {
    color: var(--text-light);
    margin-bottom: var(--space-3);
    line-height: 1.5;
}