body {
  background: url("https://pgbn.my.id/aset/img/bg-login.png") no-repeat center
    center fixed;
  background-size: cover;
  margin: 0;
  font-family: "Manrope", sans-serif;
}

.login-card {
  backdrop-filter: blur(8px);
  background-color: rgba(255, 255, 255, 0.59);
  border: 1px solid rgba(255, 255, 255, 0.01);
  border-radius: 15px;
  padding: 2rem;
  color: #fff;
}

.form-control {
  font-size: small;
  color: var(--warna_text);
  background: var(--bg-content);
}

h3 {
  color: var(--warna_text);
  font-weight: 700;
}

.form-grup {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.form-grup i {
  color: #a1a1a1;
}

.form-label {
  color: var(--warna_text);
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 0;
}

.form-control {
  border-radius: 8px;
}

.form-control:focus {
  /* background-color: rgba(255, 255, 255, 0.3); */
  box-shadow: none;
  color: var(--warna_text);
}

.btn {
  border-radius: 8px;
  background-color: var(--color-primary);
  color: var(--warna_text_white);
}

.btn:hover {
  color: var(--warna_text_white);
}

.btn:focus {
  color: var(--warna_text_white);
  font-weight: 600;
}

.toggle-password {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 40px;
  transform: translateY(-50%);
}

.pesan-alert {
  font-size: 14px;
}