/* 동대표 로그인 — 사용자 로그인과 동일 구조, 보라색 톤만 변경 */

.head-login-landing {
  --xorion-teal: #7a6499;
  --xorion-teal-deep: #5f4d7a;
  --xorion-forest: #5a4570;
  --xorion-text: #3a3342;
  --xorion-muted: #7d738c;
  --xorion-line: #d0c4de;
  background: linear-gradient(165deg, #f6f1fa 0%, #efe8f6 55%, #e8e0f0 100%);
}

.head-login-landing .app-login-landing__bg {
  background: inherit;
}

.head-login-landing .app-login-landing__page {
  background:
    radial-gradient(ellipse 48% 40% at 4% 0%, rgba(179, 154, 212, 0.28), transparent 58%),
    radial-gradient(ellipse 42% 36% at 100% 4%, rgba(159, 130, 196, 0.18), transparent 55%),
    radial-gradient(ellipse 44% 38% at 96% 100%, rgba(122, 100, 153, 0.16), transparent 55%),
    linear-gradient(165deg, #f5effa 0%, #efe8f6 48%, #e8dff2 100%);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.75) inset,
    0 22px 56px rgba(72, 52, 96, 0.14);
}

.head-login-landing .app-login-landing__ornament--tl {
  background-image: url("/head/static/img/xorion-ornament-leaves-purple.svg?v=20260805");
}

.head-login-landing .app-login-landing__ornament--tr,
.head-login-landing .app-login-landing__ornament--bl {
  background-image: url("/head/static/img/xorion-ornament-waves-purple.svg?v=20260805");
}

.head-login-landing .app-login-landing__ornament--br {
  background-image: url("/head/static/img/xorion-ornament-waves-spark-purple.svg?v=20260805");
}

.head-login-landing .app-login-landing__tagline {
  color: #5a5168;
}

.head-login-landing .app-login-landing__keyword {
  color: var(--xorion-forest);
}

.head-login-landing .app-login-field__wrap {
  border-color: var(--xorion-line);
  background: rgba(255, 255, 255, 0.94);
}

.head-login-landing .app-login-field__wrap:focus-within {
  border-color: var(--xorion-teal);
  box-shadow: 0 0 0 3px rgba(122, 100, 153, 0.16);
}

.head-login-landing .app-login-field__icon {
  color: #9a8eab;
}

.head-login-landing label.app-login-landing__remember input[type="checkbox"] {
  accent-color: var(--xorion-teal);
}

.head-login-landing .app-login-landing__submit,
.head-login-landing button.app-login-landing__submit.btn,
.head-login-landing .app-login-form .btn,
.head-login-landing .app-login-form .btn-lg {
  background: var(--xorion-teal);
  box-shadow: 0 3px 10px rgba(90, 69, 112, 0.22);
}

.head-login-landing .app-login-landing__submit:hover,
.head-login-landing .app-login-landing__submit:focus-visible {
  background: var(--xorion-teal-deep);
}