body {
  font-family: 'Poppins', sans-serif;
}

.gradient-bg {
  background: linear-gradient(135deg, #001f3f, #003366, #00df9a);
}

.dark .gradient-bg {
  background: linear-gradient(135deg, #0d1117, #161b22, #00df9a);
}

/* Splash Screen Styles */
.splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0d1117;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.splash-screen video {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Rainbow Border Animation for EastAI Chat Button */
.rainbow-border {
  position: relative;
  overflow: hidden;
  /* Ensure solid background so rainbow only shows on border */
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(8px);
}

.dark .rainbow-border {
  background: rgba(0, 0, 0, 0.2) !important;
}

.rainbow-border::before {
  content: '';
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg,
    #ff0000, #ff7f00, #ffff00, #00ff00,
    #0000ff, #4b0082, #9400d3, #ff0000);
  background-size: 400% 400%;
  border-radius: calc(0.5rem + 2px);
  z-index: -1;
  animation: rainbowAnimation 3s ease infinite;
}

@keyframes rainbowAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* GitLab Icon - Green Fill */
.gitlab-icon {
  fill: #00df9a;
}