/* Futuristic Cyber Console Styling */
body {
  background-color: #050811;
  color: #e2e8f0;
}

/* Cyber scrollbars */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #050811;
}
::-webkit-scrollbar-thumb {
  background: #162447;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: #06b6d4;
}

/* Nav Item Active Cyber Glowing border */
.nav-item.active {
  background: linear-gradient(90deg, rgba(6, 182, 212, 0.15) 0%, rgba(6, 182, 212, 0) 100%);
  color: #22d3ee;
  border-right: 3px solid #06b6d4;
  box-shadow: inset -2px 0 10px rgba(6, 182, 212, 0.1);
}

/* Code editor glow */
textarea:focus, input:focus {
  outline: none;
  border-color: #06b6d4 !important;
  box-shadow: 0 0 12px rgba(6, 182, 212, 0.25);
}

/* Subtle pulse animation */
@keyframes cyberGlow {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 1; filter: drop-shadow(0 0 8px rgba(6, 182, 212, 0.6)); }
}

.cyber-glow {
  animation: cyberGlow 3s infinite ease-in-out;
}