.reveal-on-scroll {
  transition: opacity 1s cubic-bezier(0.25, 0.8, 0.25, 1), transform 1s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.glass-style {
  background-color: rgba(248, 250, 252, 0.7);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
}
.glass-dark {
  background-color: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.anim-physics {
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (max-width: 767px) {
  #navbar { padding-top: 8px !important; padding-bottom: 8px !important; }
  #nav-logo { height: 26px !important; width: auto !important; }
  #nav-text { font-size: 9px !important; margin-bottom: 2px !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}