/* Loader styles */
  #page-loader {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: opacity 0.5s;
  }
     #page-loader .verifyme-loader-text {
       font-family: 'Segoe UI', 'Arial', sans-serif;
       font-size: 2.5rem;
       font-weight: bold;
       background: linear-gradient(90deg, #00c6ff, #0072ff, #00c6ff);
       -webkit-background-clip: text;
       background-clip: text;
       -webkit-text-fill-color: transparent;
       margin-bottom: 1.5rem;
       letter-spacing: 2px;
       animation: verifyme-fade 1.5s;
     }
  
     #page-loader .spinner-border {
       width: 3rem;
       height: 3rem;
       color: #fff;
     }
             /* Spinner overlay for login */
             #login-spinner-overlay {
               position: fixed;
               z-index: 10000;
               top: 0;
               left: 0;
               right: 0;
               bottom: 0;
               background: rgba(255, 255, 255, 0.7);
               display: none;
               align-items: center;
               justify-content: center;
             }
      
             #login-spinner-overlay .spinner-border {
               width: 3rem;
               height: 3rem;
               color: #0072ff;
             }
                            @keyframes bounce {
              
                              0%,
                              100% {
                                transform: translateY(0);
                              }
              
                              50% {
                                transform: translateY(-20px);
                              }
                            }
              
                            .bounce-loader {
                              animation: bounce 0.8s infinite;
                            }