/* Final style.css for index.php (cleaned and fixed footer) */

* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Orbitron', 'Segoe UI', Tahoma, sans-serif;
  background-color: #0d0f1a;
  color: #e0f7fa;
  overflow-y: scroll;
  overflow-anchor: none;
  display: flex;
  flex-direction: column;
  scroll-padding-top: 100px;
}

body:hover {
  scrollbar-color: #00e5ff #0d0f1a;
}

body.scroll-fade::-webkit-scrollbar {
  width: 8px;
}
body.scroll-fade::-webkit-scrollbar-track {
  background: transparent;
}
body.scroll-fade::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #00e5ff, #00bcd4);
  border-radius: 4px;
  animation: glowPulse 2s infinite ease-in-out;
}
body.scroll-fade.active::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #00e5ff, #00bcd4);
  box-shadow: 0 0 10px #00e5ff, 0 0 16px #00bcd4;
}

/* GLOBAL LINK STATES */
a {
  color: #00e5ff;
  text-decoration: none;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

a:visited {
  color: #66f2ff; /* Slightly faded neon for visited */
}

a:hover {
  color: #ffffff;
  text-shadow: 0 0 6px #00e5ff, 0 0 12px #00bcd4;
}

a:focus {
  outline-offset: 3px;
}

a:active {
  color: #00bcd4;
  text-shadow: 0 0 4px #00bcd4;
}

@keyframes glowPulse {
  0%, 100% {
    box-shadow: 0 0 8px #00e5ff, 0 0 14px #00bcd4;
  }
  50% {
    box-shadow: 0 0 12px #00e5ff, 0 0 20px #00bcd4;
  }
}

@media (max-width: 480px) {
  .site-subtitle {
    font-size: 0.9rem;
  }
}

@media (max-width: 768px) {
  .site-title {
    font-size: 1.5rem;
  }
}