/* Custom scrollbar styles for better UI */
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #1e293b;
    }
    ::-webkit-scrollbar-thumb {
      background-color: #3b82f6;
      border-radius: 10px;
      border: 2px solid #1e293b;
    }
    /* Transition for accordion */
    .accordion-content {
      transition: max-height 0.3s ease;
      overflow: hidden;
    }
    /* ---------------------------
   Icon placeholders & sizes
   --------------------------- */
.feature-icon {
  width: 48px;
  height: 48px;
  object-fit: contain;
  display: block;
  margin-left: auto;
  margin-right: auto;
  filter: invert(1); /* if your icons are dark SVGs, invert to fit dark theme; remove if you add colored icons */
}
.copyright
{
  text-align: center;
}
/* smaller contact icon */
.contact-icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
  vertical-align: middle;
}
/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #1e293b;
}
::-webkit-scrollbar-thumb {
  background-color: #3b82f6;
  border-radius: 10px;
  border: 2px solid #1e293b;
}

/* Glow Animation */
@keyframes gradient-move {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(1.05); }
  100% { transform: rotate(360deg) scale(1); }
}
.animate-gradient-glow {
  animation: gradient-move 8s ease-in-out infinite;
}

/* Bounce-in Entrance */
@keyframes bounceIn {
  0% { transform: scale(0.8) translateY(30px); opacity: 0; }
  60% { transform: scale(1.05) translateY(-10px); opacity: 1; }
  80% { transform: scale(0.98) translateY(5px); }
  100% { transform: scale(1) translateY(0); }
}
.animate-bounce-in {
  animation: bounceIn 1s ease forwards;
}

/* Fade Image Change */
.fade-avatar {
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.fade-out {
  opacity: 0;
  transform: scale(0.95);
}
.fade-in {
  opacity: 1;
  transform: scale(1);
}