.agent-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.agent-card:hover {
    transform: translateY(-8px);
    border-color: rgba(139, 92, 246, 0.4);
    box-shadow: 0 8px 32px rgba(139, 92, 246, 0.15), 0 0 0 1px rgba(139, 92, 246, 0.2);
}
.category-chip {
    transition: all 0.3s ease;
}
.category-chip.active {
    background: rgba(139, 92, 246, 0.2);
    border-color: #8B5CF6;
    color: #F1F5F9;
}