/* Tech Tags - Shared Component */
.tech-tag {
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
}

.tech-tag.react {
  background: rgba(96, 165, 250, 0.2);
  color: #60a5fa;
}

.tech-tag.firebase {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

.tech-tag.tailwind {
  background: rgba(6, 182, 212, 0.2);
  color: #06b6d4;
}

.tech-tag.js {
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
}

.tech-tag.api {
  background: rgba(59, 130, 246, 0.2);
  color: #3b82f6;
}

.tech-tag.chart {
  background: rgba(168, 85, 247, 0.2);
  color: #a855f7;
}

.tech-tag.socket {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}

.tech-tag.postgres {
  background: rgba(168, 85, 247, 0.2);
  color: #a855f7;
}

.tech-tag.redis {
  background: rgba(249, 115, 22, 0.2);
  color: #f97316;
}

.tech-tag.vue {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}

.tech-tag.d3 {
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
}

.tech-tag.websocket {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

.tech-tag.typescript {
  background: rgba(99, 102, 241, 0.2);
  color: #6366f1;
}

.tech-tag.node {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}

.tech-tag.graphql {
  background: rgba(168, 85, 247, 0.2);
  color: #a855f7;
}

.tech-tag.html {
  background: rgba(249, 115, 22, 0.2);
  color: #f97316;
}

.tech-tag.css {
  background: rgba(59, 130, 246, 0.2);
  color: #3b82f6;
}

.tech-tag.wordpress {
  background: rgba(99, 102, 241, 0.2);
  color: #6366f1;
}

.tech-tag.php {
  background: rgba(139, 92, 246, 0.2);
  color: #8b5cf6;
}

.tech-tag.python {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}

.tech-tag.mysql {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

.tech-tag.java {
  background: rgba(245, 158, 11, 0.2);
  color: #f59e0b;
}

.tech-tag.web {
  background: rgba(99, 102, 241, 0.2);
  color: #6366f1;
}

.tech-tag.education {
  background: rgba(168, 85, 247, 0.2);
  color: #a855f7;
}

.tech-tag.ui {
  background: rgba(236, 72, 153, 0.2);
  color: #ec4899;
}

.tech-tag.ai {
  background: rgba(6, 182, 212, 0.2);
  color: #06b6d4;
}

.tech-tag.service {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}

.tech-tag.communication {
  background: rgba(59, 130, 246, 0.2);
  color: #3b82f6;
}

.tech-tag.asl {
  background: rgba(168, 85, 247, 0.2);
  color: #a855f7;
}

.tech-tag.problem-solving {
  background: rgba(245, 158, 11, 0.2);
  color: #f59e0b;
}

.tech-tag.algorithms {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

.tech-tag.data-structures {
  background: rgba(6, 182, 212, 0.2);
  color: #06b6d4;
}

.tech-tag.json {
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
}

.tech-tag.mvc {
  background: rgba(168, 85, 247, 0.2);
  color: #a855f7;
}

.tech-tag.pdo {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

.tech-tag.grid {
  background: rgba(59, 130, 246, 0.2);
  color: #3b82f6;
}