body.bihu-login-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 34% 46%, rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.08) 34%, transparent 58%),
    linear-gradient(135deg, rgba(41, 239, 225, 0.44) 0%, rgba(78, 196, 188, 0.38) 48%, rgba(64, 158, 255, 0.44) 100%),
    #f6fafa !important;
  overflow-x: hidden;
}

body.bihu-login-page::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(62deg, rgba(255, 255, 255, 0.16) 0 1px, transparent 1px),
    linear-gradient(62deg, rgba(31, 166, 188, 0.08) 0 1px, transparent 1px);
  background-size: 200px 100%, 260px 100%;
  background-position: 0 0, 90px 0;
}

body.bihu-login-page .bihu-login-card {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(125deg, rgba(34, 213, 205, 0.2), rgba(8, 98, 132, 0.13) 54%, rgba(21, 87, 190, 0.17)),
    rgba(15, 54, 68, 0.8) !important;
  border: 1px solid rgba(141, 239, 243, 0.48) !important;
  box-shadow:
    0 26px 58px rgba(3, 28, 39, 0.38),
    0 0 26px rgba(34, 222, 228, 0.22),
    inset 0 1px 0 rgba(218, 255, 255, 0.46) !important;
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
}

body.bihu-login-page .bihu-login-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(62deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px),
    radial-gradient(circle at 22% 0%, rgba(37, 238, 225, 0.26), transparent 34%);
  background-size: 170px 100%, auto;
}

body.bihu-login-page .bihu-login-card,
body.bihu-login-page .bihu-login-card > .n-card__content {
  padding: 0 !important;
}

body.bihu-login-page .bihu-login-card-body {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

body.bihu-login-page .bihu-login-card,
body.bihu-login-page .bihu-login-card * {
  letter-spacing: 0;
}

body.bihu-login-page .bihu-login-brand {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 13px;
  width: 100%;
  color: #ecfcff !important;
  text-align: center;
}

body.bihu-login-page .bihu-login-brand-logo {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  flex: 0 0 auto;
  object-fit: cover;
}

body.bihu-login-page .bihu-login-card h1,
body.bihu-login-page .bihu-login-card h2,
body.bihu-login-page .bihu-login-card h3,
body.bihu-login-page .bihu-login-card [class*="title"] {
  color: #ecfcff !important;
}

body.bihu-login-page .bihu-login-card p,
body.bihu-login-page .bihu-login-card [class*="description"] {
  color: #b8dae1 !important;
}

body.bihu-login-page .bihu-login-tagline {
  color: #fff !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(4, 28, 36, 0.45);
}

body.bihu-login-page .bihu-login-card input {
  background: rgba(250, 255, 255, 0.92) !important;
  border-color: rgba(140, 190, 202, 0.72) !important;
  color: #16333d !important;
}

body.bihu-login-page .bihu-login-card input:focus,
body.bihu-login-page .bihu-login-card .n-input--focus,
body.bihu-login-page .bihu-login-card .n-input.n-input--focus {
  border-color: rgba(41, 229, 230, 1) !important;
  box-shadow: 0 0 0 1px rgba(41, 229, 230, 0.55) !important;
}

body.bihu-login-page .bihu-login-card input::placeholder {
  color: #768a94 !important;
}

body.bihu-login-page .bihu-login-submit,
body.bihu-login-page .bihu-login-submit.n-button,
body.bihu-login-page .bihu-login-card button[type="submit"] {
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(90deg, #12747d 0%, #1cc4ba 52%, #1b8bf7 100%) !important;
  --n-color: transparent !important;
  --n-color-hover: transparent !important;
  --n-color-pressed: transparent !important;
  box-shadow: 0 10px 22px rgba(19, 183, 216, 0.32) !important;
}

body.bihu-login-page .bihu-login-submit:hover,
body.bihu-login-page .bihu-login-card button[type="submit"]:hover {
  filter: brightness(1.05);
}

body.bihu-login-page .bihu-login-card a,
body.bihu-login-page .bihu-login-card [role="button"] {
  color: #caeef4 !important;
}

body.bihu-login-page .bihu-login-footer {
  position: relative;
  z-index: 1;
  background: rgba(7, 33, 45, 0.62) !important;
  border-top: 1px solid rgba(126, 222, 228, 0.28) !important;
  color: #e4f7fa !important;
}

body.bihu-login-page .bihu-login-card [class*="bg-[--n-color-embedded]"] {
  position: relative;
  z-index: 1;
  background: rgba(7, 33, 45, 0.62) !important;
  border-top: 1px solid rgba(126, 222, 228, 0.28) !important;
  color: #e4f7fa !important;
}

body.bihu-login-page .bihu-login-footer a,
body.bihu-login-page .bihu-login-footer span,
body.bihu-login-page .bihu-login-footer div,
body.bihu-login-page .bihu-login-card [class*="bg-[--n-color-embedded]"] a,
body.bihu-login-page .bihu-login-card [class*="bg-[--n-color-embedded]"] span,
body.bihu-login-page .bihu-login-card [class*="bg-[--n-color-embedded]"] div {
  color: #e4f7fa !important;
}

@media (max-width: 640px) {
  body.bihu-login-page .bihu-login-card {
    width: min(calc(100vw - 32px), 516px) !important;
  }

  body.bihu-login-page .bihu-login-brand-logo {
    width: 42px;
    height: 42px;
  }
}