/* Custom styles extracted from original inline CSS */
.rogue-bg-dark {
  background-color: #050505;
}
.rogue-text-cyan {
  color: #00f5ff;
}
.rogue-bg-cyan {
  background-color: #00f5ff;
}
.rogue-gradient-teal {
  background: linear-gradient(135deg, #004d4d 0%, #001a1a 100%);
}
.rogue-card-shadow {
  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.1);
}
.circle-text {
  animation: rotate 20s linear infinite;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Carousel helpers */
#projects-carousel .slide {
  width: 33.3333%;
}
@media (max-width: 1023px) {
  #projects-carousel .slide {
    width: 50%;
  }
}
@media (max-width: 639px) {
  #projects-carousel .slide {
    width: 100%;
  }
}

/* Indicators */
.indicators .dot {
  height: 0.5rem;
  border-radius: 9999px;
  transition: all 0.3s;
}
.indicators .dot.active {
  width: 2rem;
  background-color: rgb(37 99 235);
}
.indicators .dot.inactive {
  width: 0.5rem;
  background-color: rgb(226 232 240);
}