/* Kingdom Atmosphere authentication — aligned with the premium ecosystem. */
body.ka-auth-v4 {
  --ka-auth-forest: #0d3d2f;
  --ka-auth-forest-deep: #082b21;
  --ka-auth-cream: #f7f1e5;
  --ka-auth-paper: #fffdf8;
  --ka-auth-gold: #c99b32;
  background:
    radial-gradient(circle at 78% 20%, rgba(220, 184, 91, .13), transparent 28rem),
    linear-gradient(135deg, #f4eddf 0%, #fbf8f0 52%, #f3ead8 100%) !important;
  color: var(--ka-auth-forest-deep);
}

body.ka-auth-v4 .jg-ambient { opacity: .2; }
body.ka-auth-v4 .ks-auth-wrap { max-width: 1380px; padding: 28px 38px 64px; }
body.ka-auth-v4 .ks-auth-top {
  min-height: 72px !important;
  padding: 0 26px !important;
  border: 1px solid rgba(13, 61, 47, .1) !important;
  border-radius: 22px !important;
  background: rgba(255, 253, 248, .82) !important;
  box-shadow: 0 18px 50px rgba(28, 45, 35, .07) !important;
  backdrop-filter: blur(18px);
}
body.ka-auth-v4 .ks-auth-top .ks-brand {
  color: var(--ka-auth-forest-deep) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px !important;
}
body.ka-auth-v4 .ka-login-shell {
  min-height: calc(100vh - 190px);
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .72fr);
  align-items: center;
  gap: clamp(44px, 7vw, 110px);
  padding: clamp(42px, 7vh, 88px) 26px;
}
body.ka-auth-v4 .ka-login-story { max-width: 680px; }
body.ka-auth-v4 .ka-login-wordmark {
  width: min(310px, 72%);
  height: 66px;
  margin-bottom: 36px;
  object-fit: contain;
  object-position: left center;
}
body.ka-auth-v4 .ka-login-story .ks-kicker { color: #a77818 !important; }
body.ka-auth-v4 .ka-login-story h1 {
  max-width: 650px;
  margin: 18px 0 22px;
  color: var(--ka-auth-forest-deep) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(58px, 6.3vw, 98px) !important;
  font-weight: 600 !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
}
body.ka-auth-v4 .ka-login-story > p {
  max-width: 610px;
  color: #6e7169 !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}
body.ka-auth-v4 .ka-login-preview {
  max-width: 590px;
  margin-top: 38px !important;
  padding: 26px 28px !important;
  border: 1px solid rgba(13, 61, 47, .12) !important;
  border-radius: 20px !important;
  background: rgba(255, 253, 248, .72) !important;
  box-shadow: 0 24px 60px rgba(28, 45, 35, .08) !important;
}
body.ka-auth-v4 .ka-login-preview small { color: #a77818 !important; }
body.ka-auth-v4 .ka-login-preview blockquote {
  color: var(--ka-auth-forest-deep) !important;
  font-family: Georgia, "Times New Roman", serif;
}
body.ka-auth-v4 .ks-auth-card {
  width: 100%;
  max-width: 500px;
  justify-self: end;
  padding: clamp(30px, 4vw, 48px) !important;
  border: 1px solid rgba(13, 61, 47, .12) !important;
  border-radius: 26px !important;
  background: rgba(255, 253, 248, .94) !important;
  box-shadow: 0 34px 90px rgba(28, 45, 35, .13) !important;
}
body.ka-auth-v4 .ks-auth-card h2 {
  color: var(--ka-auth-forest-deep) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 42px !important;
  letter-spacing: -.035em;
}
body.ka-auth-v4 .ks-auth-card .ks-pill {
  border-color: rgba(201, 155, 50, .25) !important;
  background: #fbf2d9 !important;
  color: #9a6e12 !important;
}
body.ka-auth-v4 .ks-field input {
  min-height: 58px;
  border-color: rgba(13, 61, 47, .14) !important;
  border-radius: 14px !important;
  background: #fffefa !important;
}
body.ka-auth-v4 .ks-field input:focus {
  border-color: var(--ka-auth-gold) !important;
  box-shadow: 0 0 0 4px rgba(201, 155, 50, .12) !important;
}
body.ka-auth-v4 .ks-auth-card .ks-btn {
  min-height: 58px !important;
  border-color: var(--ka-auth-forest) !important;
  background: var(--ka-auth-forest) !important;
}
body.ka-auth-v4 .ks-auth-card .ks-btn:hover { background: var(--ka-auth-forest-deep) !important; }
body.ka-auth-v4 .ks-link { color: var(--ka-auth-forest) !important; }

@media (max-width: 900px) {
  body.ka-auth-v4 .ks-auth-wrap { padding: 16px 16px 46px; }
  body.ka-auth-v4 .ka-login-shell { grid-template-columns: 1fr; gap: 30px; padding: 44px 4px; }
  body.ka-auth-v4 .ka-login-story { text-align: center; margin-inline: auto; }
  body.ka-auth-v4 .ka-login-wordmark { object-position: center; margin-bottom: 24px; }
  body.ka-auth-v4 .ka-login-story h1 { font-size: clamp(48px, 14vw, 72px) !important; }
  body.ka-auth-v4 .ka-login-story > p { margin-inline: auto; }
  body.ka-auth-v4 .ka-login-preview { display: none; }
  body.ka-auth-v4 .ks-auth-card { justify-self: center; }
}