/* Heavenfall login artwork and request feedback. */
html body .modal-hf[data-modal="loanModal"] .modal-box-hf {
  background: linear-gradient(110deg,rgba(15,12,10,.86),rgba(15,12,10,.63)),url('/images/v2/login-temple.png') center/cover!important;
  border-color:#796039!important;
}
html body .modal-hf[data-modal="loanModal"] .login-item { padding:38px 42px!important; }
html body .modal-hf[data-modal="loanModal"] .login-title h2 { font-size:clamp(24px,3vw,32px)!important; line-height:1.2!important; padding-right:20px; }
html body .modal-hf[data-modal="loanModal"] .login-title { margin-bottom:26px!important; }
html body .modal-hf[data-modal="loanModal"] .input-flex { background:rgba(12,10,8,.86)!important; }
html body .modal-hf[data-modal="loanModal"] .hf-login-submit {
  display:flex!important; align-items:center; justify-content:center; gap:12px;
  position:relative; overflow:hidden; min-height:54px; letter-spacing:.08em;
}
html body .modal-hf[data-modal="loanModal"] .hf-login-submit:disabled { opacity:1!important; cursor:wait; }
.hf-login-spinner { display:none; width:18px; height:18px; flex:0 0 18px; border:2px solid rgba(255,255,255,.3); border-top-color:#fff4dc; border-radius:50%; }
.hf-login-submit[aria-busy="true"] .hf-login-spinner { display:inline-block; animation:hf-login-spin .8s linear infinite; }
.hf-login-submit[aria-busy="true"]::after { content:""; position:absolute; inset:0; background:linear-gradient(100deg,transparent,rgba(255,213,147,.18),transparent); transform:translateX(-100%); animation:hf-login-sheen 1.8s ease-in-out infinite; pointer-events:none; }
.hf-login-submit > span { position:relative; z-index:1; }
html body .modal-hf[data-modal="loanModal"] .input-flex input:-webkit-autofill,
html body .modal-hf[data-modal="loanModal"] .input-flex input:-webkit-autofill:focus {
  -webkit-box-shadow:0 0 0 1000px #100e0b inset!important;
  box-shadow:0 0 0 1000px #100e0b inset!important;
  -webkit-text-fill-color:#eee7db!important; caret-color:#eee7db;
}
.hf-login-feedback { margin:0 0 14px; padding:11px 14px; border:1px solid #94443b; border-radius:4px; background:rgba(65,19,16,.85); color:#ffd0c7; font-size:13px; line-height:1.5; }
@keyframes hf-login-spin { to { transform:rotate(360deg); } }
@keyframes hf-login-sheen { to { transform:translateX(100%); } }
@media(prefers-reduced-motion:reduce) { .hf-login-submit[aria-busy="true"] .hf-login-spinner { animation:none; } .hf-login-submit[aria-busy="true"]::after { animation:none; } }
@media(max-width:600px) { html body .modal-hf[data-modal="loanModal"] .login-item { padding:32px 22px 26px!important; } }