/* ═══════════════════════════════════════════════
   login.css  —  Login page styles
═══════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',Arial,sans-serif;
  background:linear-gradient(135deg,#1a3a6b 0%,#2563eb 100%);
  min-height:100vh;display:flex;align-items:center;
  justify-content:center;padding:20px}
.lcard{background:#fff;border-radius:20px;padding:36px 28px 28px;
  width:100%;max-width:380px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.llogo{text-align:center;margin-bottom:24px}
.llogo .li{font-size:52px;display:block;margin-bottom:8px}
.llogo h1{font-size:22px;font-weight:800;color:#1a3a6b;margin-bottom:3px}
.llogo p{font-size:12px;color:#64748b}
.lfield{margin-bottom:16px}
.lfield label{display:block;font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.6px;color:#64748b;margin-bottom:6px}
.lfield input{width:100%;padding:13px 14px;border:1.5px solid #e2e8f0;
  border-radius:10px;font-size:15px;color:#1e293b;outline:none;transition:border-color .2s}
.lfield input:focus{border-color:#2563eb}
.lbtn{width:100%;padding:14px;background:#1a3a6b;color:#fff;border:none;
  border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;
  transition:background .2s;margin-top:6px}
.lbtn:hover{background:#2563eb}
.lbtn:disabled{opacity:.5;cursor:default}
.lerr{background:#fff5f5;border:1.5px solid #fecaca;border-radius:8px;
  padding:10px 14px;font-size:13px;color:#dc2626;margin-bottom:14px;display:none}
.lhint{text-align:center;font-size:12px;color:#94a3b8;margin-top:16px;line-height:1.6}
.lhint b{color:#64748b}