@charset "UTF-8";
.tech-section-bottom {
  margin-bottom: 1rem; }
  .tech-section-bottom .tech-label-bottom {
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--text-color-secondary); }
  .tech-section-bottom .tech-pills-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem; }

.tech-pill-bottom.programming-language {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none; }
  .tech-pill-bottom.programming-language:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); }

.tech-pill-bottom.framework-engine {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  color: white;
  border: none; }
  .tech-pill-bottom.framework-engine:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(240, 147, 251, 0.4); }

.tech-pill-bottom.other-tech {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  color: white;
  border: none; }
  .tech-pill-bottom.other-tech:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(79, 172, 254, 0.4); }

@media (max-width: 768px) {
  .tech-section-bottom {
    margin-bottom: 0.8rem; }
    .tech-section-bottom .tech-label-bottom {
      font-size: 0.8rem;
      margin-bottom: 0.4rem; }
    .tech-section-bottom .tech-pills-bottom {
      gap: 0.3rem; }
  .tech-pill-bottom {
    font-size: 0.75rem;
    padding: 0.3rem 0.6rem; } }

.project-card-unified-tech-item.programming-language-indicator::before {
  content: "💻 "; }

.project-card-unified-tech-item.framework-engine-indicator::before {
  content: "⚡ "; }

.project-card-unified-tech-item.other-tech-indicator::before {
  content: "🔧 "; }