body {
      
      font-family: 'Segoe UI', sans-serif;
/*      overflow: hidden;*/
    }


.loginpage{
  background: linear-gradient(135deg, #1a1a2e, #16213e);
      color: #fff;
}

    .login-container {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 2;
    }

    .login-box {
      background: rgba(255, 255, 255, 0.05);
      padding: 40px;
      border-radius: 20px;
      backdrop-filter: blur(10px);
      box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);
      max-width: 400px;
      width: 100%;
    }

    .login-box h2 {
      text-align: center;
      margin-bottom: 30px;
      color: #00f7ff;
      font-weight: bold;
      text-shadow: 0 0 10px #00f7ff;
    }

    .form-control {
      background-color: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.3);
      color: #fff;
    }

    .form-control:focus {
      border-color: #00f7ff;
      box-shadow: 0 0 10px #00f7ff;
    }

    .btn-login {
      background: #00f7ff;
      color: #000;
      font-weight: bold;
      box-shadow: 0 0 10px #00f7ff;
    }

    .btn-login:hover {
      background: #00d0cc;
      box-shadow: 0 0 20px #00d0cc;
    }

    .floating-numbers {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      pointer-events: none;
    }

    .floating-numbers span {
      position: absolute;
      color: rgba(0, 255, 255, 0.2);
      font-size: 24px;
      animation: float 12s linear infinite;
    }

    @keyframes float {
      0% {
        transform: translateY(100vh) rotate(0deg);
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
      100% {
        transform: translateY(-100vh) rotate(360deg);
        opacity: 0;
      }
    }






    .hide-on-mobile {
  display: block; /* default display value */
}

@media (max-width: 767px) {
  .hide-on-mobile {
    display: none;
  }
}
/* Hide on desktop */
.hide-on-desktop {
  display: block; /* default display value */
}

@media (min-width: 1024px) {
  .hide-on-desktop {
    display: none;
  }
}