/* Base Styles */
html {
  scroll-behavior: smooth;
}

body {
  background-color: #0a0f12;
}

/* Glassmorphism Panel */
.glass-panel {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Text Glow */
.text-glow {
  text-shadow: 0 0 20px rgba(0, 223, 129, 0.3);
}

/* Box Glow */
.box-glow {
  box-shadow: 0 0 20px rgba(0, 223, 129, 0.2);
}

.box-glow-hover:hover {
  box-shadow: 0 0 30px rgba(0, 223, 129, 0.15);
  border-color: rgba(0, 223, 129, 0.3);
  transform: translateY(-5px);
}

/* Animation Classes for JavaScript Scroll Reveal */
.reveal, .reveal-left, .reveal-right {
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}

.reveal {
  transform: translateY(30px);
}

.reveal-left {
  transform: translateX(-50px);
}

.reveal-right {
  transform: translateX(50px);
}

.reveal.active, .reveal-left.active, .reveal-right.active {
  opacity: 1;
  transform: translateY(0) translateX(0);
}

/* Input Auto-fill style fix for dark theme */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #131d23 inset !important;
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Navbar Scrolled state */
.navbar-scrolled {
  background: rgba(10, 15, 18, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}