/* hoken.2109.app — 2026-10-11 scenic login hero.
   Page-scoped overrides only: shared UI tokens/components remain unchanged.
   Hero source: 2109Tools Image Processing, WebP quality 88, 1672x941, 155722B. */
.auth-page {
  background-color: #e8d9c7;
  isolation: isolate;
}
.auth-page::before {
  content: "";
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  left: 0;
  top: 0;
  border-radius: 0;
  opacity: 1;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(90deg,
      rgba(252,248,239,.81) 0%,
      rgba(250,246,235,.65) 28%,
      rgba(250,246,235,.34) 53%,
      rgba(247,241,232,.12) 75%,
      rgba(247,241,232,.10) 100%),
    url("/hoken-hero-q88.webp?v=20261011-1");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.auth-page::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg,
    rgba(255,251,244,.16) 0%,
    transparent 42%,
    rgba(37,50,44,.04) 78%,
    rgba(28,39,35,.20) 100%);
}
.auth-header,
.auth-main,
.auth-footer { position: relative; z-index: 1; }
.auth-header__right,
.auth-story__eyebrow,
.auth-story__title,
.auth-story__description {
  color: #21382f;
  text-shadow: 0 1px 18px rgba(255,252,245,.7);
}
.auth-story__title { color: #1b2d28; }
.auth-story__title span::after { opacity: .65; }
.auth-art { display: none; }
.auth-auth__panel {
  background: rgba(255,253,250,.96);
  border-color: rgba(220,222,214,.86);
  box-shadow: 0 24px 70px rgba(26,36,31,.18), 0 2px 12px rgba(26,36,31,.07);
}
.auth-footer {
  background: rgba(252,250,246,.89);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.auth-footer__inner { border-top-color: rgba(94,108,95,.22); }
@media (min-width: 1100px) {
  .auth-main { padding-block: clamp(22px, 4vh, 62px) 46px; }
  .auth-layout { align-items: center; }
  .auth-story { transform: translateY(-36px); }
}
@media (min-width: 680px) and (max-width: 1099px) {
  .auth-page::before {
    background-position: 20% center;
    background-image:
      linear-gradient(90deg,
        rgba(252,248,239,.84) 0%,
        rgba(252,248,239,.65) 43%,
        rgba(252,248,239,.27) 75%,
        rgba(252,248,239,.20) 100%),
      url("/hoken-hero-q88.webp?v=20261011-1");
  }
  .auth-main { padding-block: clamp(36px,5vh,70px) 36px; }
}
@media (max-width: 679px) {
  .auth-page { background: #f5f0e8; }
  .auth-page::before {
    background-position: 13% top;
    background-size: auto 530px;
    background-image:
      linear-gradient(180deg,
        rgba(251,248,241,.57) 0%,
        rgba(251,248,241,.79) 39%,
        rgba(248,244,237,.95) 82%,
        #f5f0e8 100%),
      url("/hoken-hero-q88.webp?v=20261011-1");
  }
  .auth-page::after { background: none; }
  .auth-story__description { color: #334239; }
  .auth-auth__panel { box-shadow: 0 10px 32px rgba(34,48,37,.10); background: rgba(255,253,250,.98); }
  .auth-footer { background: #f5f0e8; backdrop-filter: none; }
}