/* iBlogger v91 — Restore the login visual panel with readable high-contrast text. */
html[data-theme="light"] body.auth-page.login-page .authn-visual{
  color: #ffffff !important;
  background:
    radial-gradient(circle at 82% 15%, rgba(103, 158, 255, .24), transparent 28%),
    radial-gradient(circle at 16% 78%, rgba(237, 140, 207, .16), transparent 26%),
    linear-gradient(150deg, #0a0d26 0%, #11163b 46%, #22285c 100%) !important;
  border-inline-start: 1px solid rgba(255, 255, 255, .12) !important;
}

html[data-theme="light"] body.auth-page.login-page .authn-noise{
  opacity: .09;
  background-image: radial-gradient(rgba(255, 255, 255, .7) .6px, transparent .7px);
}

html[data-theme="light"] body.auth-page.login-page .authn-visual-kicker{
  color: rgba(255, 255, 255, .88) !important;
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  box-shadow: 0 6px 18px rgba(5, 8, 28, .12);
  backdrop-filter: blur(10px);
}

html[data-theme="light"] body.auth-page.login-page .authn-visual-kicker i{
  background: #8bd8ff !important;
  box-shadow: 0 0 0 5px rgba(139, 216, 255, .16) !important;
}

html[data-theme="light"] body.auth-page.login-page .authn-visual h2{
  color: #ffffff !important;
  text-shadow: 0 3px 22px rgba(5, 8, 28, .16) !important;
}

html[data-theme="light"] body.auth-page.login-page .authn-visual h2 em{
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(110deg, #8bd8ff 0%, #a790ff 48%, #ff9edb 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

html[data-theme="light"] body.auth-page.login-page .authn-visual-inner > p{
  color: rgba(255, 255, 255, .80) !important;
}

html[data-theme="light"] body.auth-page.login-page .authn-float-card{
  color: #383858 !important;
  background: rgba(255, 255, 255, .96) !important;
  border-color: #dedcf1 !important;
  box-shadow: 0 14px 34px rgba(40, 42, 91, .13) !important;
  backdrop-filter: blur(14px);
}

html[data-theme="light"] body.auth-page.login-page .authn-float-card span{
  color: #686d8b !important;
}

html[data-theme="light"] body.auth-page.login-page .authn-float-card strong{
  color: #292b52 !important;
}

html[data-theme="light"] body.auth-page.login-page .authn-points span{
  color: #515875 !important;
  background: rgba(255, 255, 255, .78) !important;
  border-color: #dedff0 !important;
  box-shadow: 0 6px 18px rgba(43, 46, 94, .045);
}

html[data-theme="light"] body.auth-page.login-page .authn-points b{
  color: #5367d7 !important;
}

html[data-theme="light"] body.auth-page.login-page .authn-photo{
  border-color: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 22px 48px rgba(40, 42, 91, .19) !important;
}

/* Keep visible keyboard focus on the new light cards and links. */
html[data-theme="light"] body.auth-page.login-page .authn-visual :focus-visible{
  outline: 3px solid rgba(83, 104, 223, .55);
  outline-offset: 3px;
}
