html {
  scroll-behavior: smooth;
}

.mobile-menu-enter {
  opacity: 0;
  transform: scaleY(0.95);
  transform-origin: top;
}

.mobile-menu-active {
  opacity: 1;
  transform: scaleY(1);
}

.mobile-menu-transition {
  transition: all 200ms ease-in-out;
}

@keyframes gradientMove {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

.animate-gradient {
    animation: gradientMove 25s ease infinite;
    background: linear-gradient(-60deg, 
      
        #7873f5,   /* lavender-blue */ 
        #1fd1f9,  /* cyan */   
        #7873f5,   /* lavender-blue */ 
        #1fd1f9,   /* cyan */ 
        #7873f5,   /* lavender-blue */ 
        #1fd1f9,   /* cyan */ 
        #7873f5,   /* lavender-blue */ 
        #1fd1f9,   /* cyan */ 
        #7873f5   /* lavender-blue */    
  
    );
    background-size: 300% 300%;
}
.glass-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 2px solid rgba(255, 255, 255, 0.2);
}



