bsody {
      background-color: #121212;
      color: #ffffff;
      /* display: flex;
      align-items: center;
      justify-content: center; */
      height: 100vh;
      margin: 0;
    }

    .card {
      background-color: #1e1e1e;
      border: none;
      border-radius: 1rem;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
      padding: 2rem;
      width: 100%;
      max-width: 400px;
    }

    .form-control {
      background-color: #2a2a2a;
      border: 1px solid #444;
      color: #fff;
    }

    .form-control:focus {
      background-color: #2a2a2a;
      border-color: #007bff;
      color: #fff;
      box-shadow: none;
    }

    .btn-primary {
      background-color: #007bff;
      border: none;
      border-radius: 0.5rem;
    }

    .btn-primary:hover {
      background-color: #0056b3;
    }

    .form-label {
      color: #ccc;
    }

    .noaccount{
      cursor: pointer;
      text-decoration: underline;
      text-underline-offset: 3px;
    }
    .aligncenter {
      display: flex;
      justify-content: center; /* Centers horizontally */
      align-items: center;     /* Centers vertically (if the container has height) */
      /* Optional: Add some margin for spacing */
      margin-top: 20px; 
    }