/* Particle background for hero section */

.particle-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.particle {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--accent);
  opacity: 0.15;
  pointer-events: none;
}

/* Additional enhancements for the hero section */
.hero-section {
  position: relative;
}

/* Enhance tag hover effect */
.tag {
  position: relative;
  overflow: hidden;
}

.tag::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.7s;
}

.tag:hover::before {
  left: 100%;
}

/* Enhance the social link hover effects */
.social-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--accent);
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  z-index: -1;
}

.social-link:hover::before {
  transform: scale(1);
  opacity: 0.1;
}

/* Enhance stat cards */
.stat-card::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.stat-card:hover::after {
  transform: scaleX(1);
}

/* Media queries enhancements */
@media (max-width: 480px) {
  .social-links {
    flex-wrap: wrap;
  }
  
  .profile-bio {
    text-align: center;
  }

  .hero-stats {
    margin-top: 1.5rem;
  }
}