/* 2-QADAM: input ichini tozalash + eye icon + kuchliroq glass */

/* card shaffofligini kuchaytirish */
html body #loginView form#loginForm.login-card {
  background:
    linear-gradient(
      180deg,
      rgba(8,18,38,.24),
      rgba(5,13,28,.16)
    ) !important;
  border: 1px solid rgba(255,255,255,.56) !important;
  -webkit-backdrop-filter: blur(34px) saturate(170%) !important;
  backdrop-filter: blur(34px) saturate(170%) !important;
  box-shadow:
    0 20px 80px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 34px rgba(255,45,65,.18) !important;
}

/* input ichidagi begona pseudo-elementlarni o‘chirish */
html body #loginView .input-wrapper::before,
html body #loginView .input-wrapper::after,
html body #loginView .input-icon::before,
html body #loginView .input-icon::after,
html body #loginView .password-toggle::before,
html body #loginView .password-toggle::after,
html body #loginView input::before,
html body #loginView input::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* input matni va placeholder tiniq */
html body #loginView input,
html body #loginView input[type="text"],
html body #loginView input[type="password"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  background: rgba(6,16,34,.22) !important;
  box-shadow: none !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  caret-color: #ffffff !important;
}

html body #loginView input::placeholder {
  color: rgba(255,255,255,.88) !important;
  opacity: 1 !important;
}

/* chrome autofill oqartirib yubormasin */
html body #loginView input:-webkit-autofill,
html body #loginView input:-webkit-autofill:hover,
html body #loginView input:-webkit-autofill:focus,
html body #loginView input:-webkit-autofill:active {
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 0 0 1000px rgba(6,16,34,.22) inset !important;
  transition: background-color 99999s ease-in-out 0s !important;
}

/* chap iconlarni tiniq qilish */
html body #loginView .input-icon,
html body #loginView .input-icon svg {
  color: rgba(255,255,255,.96) !important;
  stroke: rgba(255,255,255,.96) !important;
  fill: none !important;
  opacity: 1 !important;
  filter: none !important;
}

/* ko‘z icon tiniq oq bo‘lsin */
html body #loginView .password-toggle,
html body #loginView .password-toggle svg,
html body #loginView .toggle-password,
html body #loginView .toggle-password svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
  opacity: 1 !important;
  filter: none !important;
}

/* input border yumshoq neon */
html body #loginView .input-wrapper {
  background: rgba(10,20,40,.16) !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 0 14px rgba(255,90,110,.12) !important;
}