/* Animation keyframes */
@keyframes slideinfromleft {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
  }
  
  @keyframes slideinfromright {
    0% { transform: translateX(100%); }
    100% { transform: translateX(0); }
  }
  
  @keyframes slideinfromtop {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(0); }
  }
  
  @keyframes slideinfrombottom {
    0% { transform: translateY(100%); }
    100% { transform: translateY(0); }
  }
  #background-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Behind all content */
    overflow: hidden;
    pointer-events: none;
    background: radial-gradient(ellipse at center, #0b0c2a 0%, #000000 100%);
  }

  .animate-slideinfromleft {
    animation: slideinfromleft 1s ease-in forwards;
  }
  .animate-slideinfromright {
    animation: slideinfromright 1s ease-in forwards;
  }