.portfolio-filters { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.filter-btn {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    padding: 8px 18px;
    border-radius: 20px;
    font-size: 0.88rem;
    font-weight: 500;
    transition: var(--transition);
}
.filter-btn.active, .filter-btn:hover { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }

.badge-service {
    display: inline-block;
    font-family: var(--font-mono);
    font-size: 0.72rem;
    padding: 3px 10px;
    border-radius: 12px;
    background: var(--bg-body);
    color: var(--text-secondary);
    margin: 0 4px 6px 0;
    border: 1px solid var(--border-color);
}