.nav-link {
  position: relative;
  color: #374151;
  transition: all 0.3s ease;
}

.nav-link:hover {
  color: rgb(68, 44, 205);
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 3px;
  border-radius: 99px;
  background: linear-gradient(to right, rgb(81, 178, 163), rgb(68, 44, 205));
  transition: width 0.3s ease;
}

.nav-link:hover::after {
  width: 100%;
}

.mobile-link {
  padding: 12px 16px;
  border-radius: 12px;
  color: #374151;
  transition: 0.3s;
}

.mobile-link:hover {
  background: linear-gradient(
    to right,
    rgba(81, 178, 163, 0.15),
    rgba(68, 44, 205, 0.15)
  );
  color: rgb(68, 44, 205);
}
.stat-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  border-radius: 16px;
  padding: 24px;
  text-align: center;
}
.stat-card {
  @apply bg-white/5 border border-white/10 backdrop-blur-lg rounded-2xl p-8 text-center;
}
.stat-card:hover {
  @apply border-[rgb(81,178,163,0.4)] transform transition duration-300;
}