/* ============================================
   PORTFOLIO STYLES - Additional styles for portfolio page
   ============================================ */

.tech-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  font-size: 0.75rem;
  color: #9CA3AF;
  transition: all 0.3s;
}

.tech-badge:hover {
  background: rgba(227, 30, 36, 0.2);
  border-color: rgba(227, 30, 36, 0.5);
  color: #E31E24;
}

.filter-btn.active {
  background: rgba(227, 30, 36, 0.3);
  border: 1px solid rgba(227, 30, 36, 0.5);
  color: #E31E24;
}

.project-card {
  animation: fade-in-up 0.6s ease forwards;
  transition: all 0.3s;
}

.project-card.hidden {
  display: none;
}