/* SelFin – "Sign in to apply" page (login.html) */
.login-page{margin:0;min-height:100vh;background:var(--paper)}
.ldemo{background:var(--accent-soft);color:var(--ink);text-align:center;font-size:.85rem;padding:8px 16px;border-bottom:1px solid var(--line)}
.lgrid{display:grid;grid-template-columns:55fr 45fr;min-height:100vh}
.ldemo:not([hidden])+.lgrid{min-height:calc(100vh - 38px)}
.lleft{display:flex;align-items:center;justify-content:center;padding:40px 24px}
.lbox{width:100%;max-width:560px}
.lbrand{display:block;width:max-content;margin:0 auto 56px}
.lbrand img{height:57px;width:auto}
.lbox h1{font:600 1.55rem var(--display);color:var(--ink);margin:0 0 40px}
.lfield label{display:block;font-weight:600;color:var(--ink);margin-bottom:10px}
.lphone{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);min-height:56px;padding:0 16px;gap:14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.lphone:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.lphone.err{border-color:#B3261E}
.lcc{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink);padding-right:14px;border-right:1px solid var(--line);line-height:1.2}
.lphone input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:1.05rem var(--body);color:var(--ink);padding:14px 0;letter-spacing:.02em}
.lphone input::placeholder{color:var(--muted);letter-spacing:0}
.lnote{margin:12px 0 0;font-size:.92rem;color:var(--muted)}
.lnote strong{color:var(--accent-dark);font-weight:700;text-transform:uppercase}
#lerr .lerrmsg{margin:10px 0 0;color:#B3261E;font-size:.92rem;font-weight:600}
.ltrust{list-style:none;display:flex;justify-content:space-around;gap:16px;margin:30px 0 14px;padding:0;color:var(--brand)}
.ltrust li{display:flex;align-items:center;gap:10px}
.ltrust span{display:flex;flex-direction:column;line-height:1.25;color:var(--ink);font-size:.82rem}
.ltrust small{color:var(--muted);font-size:.74rem}
.lbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:var(--r-sm);font:700 1.05rem var(--body);cursor:pointer;background:var(--accent-dark);color:#fff;transition:background .15s}
.lbtn:hover:not(:disabled){background:var(--brand)}
.lbtn:disabled{background:#E5E7EB;color:#111827;cursor:not-allowed}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .lbtn:disabled{background:#2B3646;color:#A6B0C2}}
.lbtn .spin{width:18px;height:18px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:lspin .7s linear infinite}
@keyframes lspin{to{transform:rotate(360deg)}}
.lfine{margin:16px 0 0;font-size:.82rem;color:var(--muted);text-align:center}
.lback{margin:22px 0 0;font-size:.9rem;color:var(--muted);text-align:center}
.lright{background:var(--band);display:flex;align-items:center;justify-content:center;padding:40px}
.lart{width:min(410px,100%);aspect-ratio:410/536;border-radius:90px 0 0 0;background:linear-gradient(160deg,var(--brand-dark),var(--brand));display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px}
.lart img{width:100%;height:100%;object-fit:contain}
@media (max-width:900px){
  .lgrid{grid-template-columns:1fr}
  .lright{display:none}
  .lleft{align-items:flex-start;padding:32px 20px}
  .lbrand{margin-bottom:36px}
  .lbox h1{margin-bottom:28px}
}