body.tis-login {
  min-height: 100vh;
  background: #050607;
}

body.tis-login::before {
  position: fixed;
  inset: 0;
  z-index: 0;
  content: "";
  background-image: url("/login-nuran-desktop.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body.tis-login::after {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.24) 44%, rgba(0, 0, 0, 0.44)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.54));
}

body.tis-login #root {
  position: relative;
  z-index: 1;
  min-height: 100vh;
}

body.tis-login #root > div[class*="min-h-screen"] {
  align-items: flex-end !important;
  background: transparent !important;
  justify-content: flex-start !important;
  min-height: 100vh !important;
  overflow-y: auto;
  padding: clamp(17rem, 34vh, 24rem) clamp(2rem, 11vw, 10rem) 2rem !important;
}

body.tis-login #root > div[class*="min-h-screen"] > div:first-child,
body.tis-login #root > div[class*="min-h-screen"] > div:nth-child(2),
body.tis-login #root > div[class*="min-h-screen"] > div:nth-child(3) {
  display: none !important;
}

body.tis-login h1 {
  color: #fff6e5 !important;
  background: none !important;
  font-size: clamp(2.15rem, 2.55vw, 3.3rem) !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 5px 28px rgba(0, 0, 0, 0.78), 0 0 22px rgba(255, 214, 154, 0.28);
}

body.tis-login form {
  color: #f8fbff;
}

body.tis-login .bg-card\/90 {
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: rgba(8, 10, 14, 0.64) !important;
  box-shadow: 0 24px 92px rgba(0, 0, 0, 0.54) !important;
  backdrop-filter: blur(18px);
}

body.tis-login input {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: rgba(0, 0, 0, 0.38) !important;
}

body.tis-login input::placeholder {
  color: rgba(255, 255, 255, 0.62);
}

@media (max-width: 760px) {
  body.tis-login::before {
    background-image: url("/login-nuran-mobile.png");
    background-position: center top;
  }

  body.tis-login::after {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.5) 52%, rgba(0, 0, 0, 0.72)),
      linear-gradient(90deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.46));
  }

  body.tis-login #root > div[class*="min-h-screen"] {
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 100svh !important;
    overflow-y: auto;
    padding: clamp(13rem, 42vh, 22rem) 1rem 1rem !important;
  }

  body.tis-login h1 {
    font-size: clamp(1.85rem, 8.5vw, 2.55rem) !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }
}