/* NITAI Lead Intelligence — auth pages. Midnight #102344, ivory #F4F0E6, gold #F5C542, steel #24466F. */
.li-split{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#102344}
.li-brand{position:relative;overflow:hidden;background:#102344;color:#F4F0E6;padding:52px 44px;display:flex;align-items:center}
.li-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(245,197,66,.14) 1px,transparent 1.5px),radial-gradient(rgba(36,70,111,.55) 1px,transparent 1.5px);background-size:26px 26px,34px 34px;background-position:0 0,13px 17px;animation:li-drift 26s linear infinite}
@keyframes li-drift{to{background-position:26px 26px,39px 43px}}
.li-arcs{position:absolute;right:-40px;bottom:-30px;width:420px;max-width:60%;opacity:.9;animation:li-sway 12s ease-in-out infinite alternate}
@keyframes li-sway{from{transform:translateX(0)}to{transform:translateX(-12px)}}
.li-brand-inner{position:relative;max-width:480px;display:grid;gap:18px}
.li-wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;color:#F4F0E6}
.li-wordmark img{width:36px;height:36px;border-radius:50%;object-fit:contain;background:#0C1B36}
.li-wordmark strong{display:block;font-size:15px;letter-spacing:.14em}
.li-wordmark em{font-style:normal;font-size:12px;color:#B9C4D6}
.li-eyebrow{font-size:11.5px;letter-spacing:.18em;color:#F5C542;font-weight:700}
.li-brand-inner h1{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.015em}
.li-brand-inner h1 .gold{color:#F5C542}
.li-sub{color:#B9C4D6;max-width:44ch}
.li-rail{list-style:none;display:grid;gap:12px;margin:6px 0 0;padding:0}
.li-rail li{display:flex;gap:12px;align-items:flex-start}
.li-rail b{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#F5C542;color:#221A00;font-size:13px;flex-shrink:0}
.li-rail strong{display:block;font-size:13.5px}
.li-rail span{font-size:12.5px;color:#B9C4D6}
.li-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px 28px;background:#0C1B36}
.li-card{width:100%;max-width:430px;background:rgba(22,48,90,.55);border:1px solid rgba(244,240,230,.22);border-radius:16px;padding:28px;backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(4,10,22,.5)}
.li-card h2{font-size:17px;margin-bottom:4px;color:#F4F0E6}
.li-card .muted{color:#B9C4D6}
.li-error{border:1px solid #E5484D;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:13px;background:rgba(229,72,77,.1)}
.li-field{display:flex;align-items:center;gap:8px}
.li-field svg{color:#8EA0B8;flex-shrink:0}
.li-field .f-input{flex:1;background:rgba(244,240,230,.07);border-color:rgba(244,240,230,.25);color:#F4F0E6}
.li-field .f-input::placeholder{color:#8EA0B8}
.li-submit{width:100%;margin-top:16px;background:#F5C542;border-color:#F5C542;color:#221A00;font-weight:800}
.li-submit:hover:not(:disabled){background:#E6B53A}
.li-submit:disabled{opacity:.7;cursor:wait}
.li-hint{font-size:12px;color:#8EA0B8;margin:6px 0 0}
.li-or{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:#8EA0B8;font-size:12px}
.li-or::before,.li-or::after{content:"";flex:1;height:1px;background:rgba(244,240,230,.18)}
.li-links{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:12.5px}
.li-links .link{color:#F5C542}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #F5C542;outline-offset:2px}
@media (max-width:900px){
  .li-split{grid-template-columns:1fr}
  .li-brand{padding:32px 24px}
  .li-arcs{width:300px}
  .li-form-wrap{padding:28px 20px}
}
@media (prefers-reduced-motion:reduce){
  .li-dots,.li-arcs{animation:none}
  *{transition:none !important}
}
