/* Page transition styles */
.page-transition-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .page-content {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  
  /* Transition animations */
  .fade-out {
    opacity: 0;
  }
  
  .slide-out-left {
    transform: translateX(-100%);
    opacity: 0;
  }
  
  .slide-in-right {
    transform: translateX(0);
    opacity: 1;
  }
  
  .slide-out-right {
    transform: translateX(100%);
    opacity: 0;
  }
  
  .slide-in-left {
    transform: translateX(0);
    opacity: 1;
  }
  
  /* Initial states */
  .page-login {
    transform: translateX(0);
    opacity: 1;
  }
  
  .page-register {
    transform: translateX(100%);
    opacity: 0;
  }