/* Force dark background */
body {
  background-color: #030307 !important;
  color: #f1f5f9 !important;
}

/* Custom background animated grid overlay */
.cosmic-grid {
  background-color: #030307;
  background-size: 40px 40px;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
}

/* Glow overlays */
.radial-glow-indigo {
  background: radial-gradient(circle, rgba(99,102,241,0.15) 0%, rgba(99,102,241,0) 70%);
}

.radial-glow-blue {
  background: radial-gradient(circle, rgba(59,130,246,0.15) 0%, rgba(59,130,246,0) 75%);
}

.radial-glow-purple {
  background: radial-gradient(circle, rgba(168,85,247,0.14) 0%, rgba(168,85,247,0) 70%);
}

/* Continuous horizontal loop ticker scroll animation */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-33.333%); }
}
.animate-scroll {
  animation: scroll 40s linear infinite;
}
.animate-scroll:hover {
  animation-play-state: paused;
}

/* Premium dynamic gradients and transitions */
.text-gradient-cosmic {
  background: linear-gradient(135deg, #ffffff 40%, rgba(255, 255, 255, 0.7) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Smooth custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #030307;
}
::-webkit-scrollbar-thumb {
  background: #1e1e30;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3b82f6;
}

/* Additional dark theme enforcement */
html {
  background-color: #030307 !important;
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

/* Active nav link state */
.nav-link.active {
  color: #ffffff;
  font-weight: 600;
}

/* Force dark, high-contrast styling on native select dropdowns and their
   option lists (browsers otherwise render the open option list with the
   OS-default white background, making light text invisible) */
select {
  background-color: #0a0b16;
  color: #f1f5f9;
  color-scheme: dark;
}
select option {
  background-color: #0a0b16;
  color: #f1f5f9;
}