body, html {
      height: 100%;
      margin: 0;
      background-color: #2b5797;
      background-image: url("/images/bg-logo.png"); /* jika ingin menggunakan watermark background */
      background-repeat: repeat;
      font-family: 'Segoe UI', sans-serif;
    }
    .login-container {
      background: white;
      border-radius: 1.5rem;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
      padding: 3rem;
      max-width: 500px;
      width: 90%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
    @media (max-width: 576px) {
    .login-container {
      padding: 2rem;
      max-width: 90%;
    }
  }
    .form-control {
      border-radius: 2rem;
      padding-left: 1.5rem;
    }
    .btn-login {
      border-radius: 2rem;
      background-color: #3c5eff;
      color: white;
      font-weight: 500;
    }
    .btn-login:hover {
      background-color: #2f4dd1;
    }
    .logo {
      display: block;
      margin: 0 auto 1rem;
      width: 200px;
      height: auto;
    }