/* ---- Proper login (split card) ---- */
  .lg-wrap{display:flex;max-width:900px;width:100%;margin:20px auto;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.3);min-height:540px;}
  .lg-left{flex:1 1 42%;background:linear-gradient(160deg,#1d63d6,#0b2f78);color:#fff;padding:40px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;}
  .lg-left .lg-crest{background:#fff;border-radius:16px;padding:8px;display:inline-flex;}
  .lg-left h2{font-family:var(--serif);font-size:1.7rem;margin:6px 0 0;}
  .lg-left p{font-size:.88rem;color:#d6e5ff;line-height:1.6;margin:0;}
  .lg-left ul{list-style:none;padding:0;margin:8px 0 0;text-align:left;font-size:.84rem;color:#e6f0ff;}
  .lg-left li{margin:8px 0;}
  .lg-right{flex:1 1 58%;padding:40px 38px;display:flex;flex-direction:column;justify-content:center;}
  .lg-right h3{font-family:var(--serif);font-size:1.5rem;color:#0b2f78;margin:0 0 4px;}
  .lg-sub{color:#5b6b8c;font-size:.88rem;margin-bottom:22px;}
  .lg-field{margin-bottom:16px;}
  .lg-field label{display:block;font-size:.78rem;font-weight:700;color:#1b2f57;margin-bottom:6px;}
  .lg-input{display:flex;align-items:center;border:1.5px solid #c8d9f3;border-radius:12px;background:#f7faff;padding:0 12px;}
  .lg-input:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,0.18);}
  .lg-input .ic{font-size:1rem;margin-right:8px;}
  .lg-input input{flex:1;border:0;outline:0;background:transparent;padding:13px 0;font-size:.95rem;min-width:0;box-shadow:none !important;}
  .lg-input .eye{background:none;border:0;cursor:pointer;font-size:1rem;padding:4px;}
  .lg-err{color:#d23b32;font-size:.84rem;min-height:20px;margin-bottom:8px;font-weight:600;}
  .lg-btn{width:100%;padding:14px;border:0;border-radius:12px;background:linear-gradient(135deg,#2f7bf0,#0b3d91);color:#fff;font-weight:800;font-size:.98rem;cursor:pointer;}
  .lg-btn:hover{filter:brightness(1.08);}
  .lg-link{background:none;border:0;color:#1d63d6;font-weight:700;cursor:pointer;font-size:.84rem;padding:6px;}
  .lg-link:disabled{color:#9aa8c4;cursor:default;}
  .lg-otp{display:flex;gap:10px;justify-content:center;margin:6px 0 14px;}
  .lg-otp input{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:800;border:1.5px solid #c8d9f3;border-radius:12px;background:#f7faff;outline:0;color:#0b2f78;}
  .lg-otp input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,0.18);}
  .lg-codebox{background:#eaf2ff;border:1px dashed #8db4f0;border-radius:12px;padding:12px;text-align:center;margin-bottom:12px;}
  .lg-codebox b{display:block;font-size:1.7rem;letter-spacing:8px;color:#0b2f78;margin:4px 0;}
  .lg-codebox small{color:#5b6b8c;font-size:.74rem;}
  .lg-prof{text-align:center;}
  .lg-prof .nm{font-family:var(--serif);font-size:1.4rem;color:#0b2f78;margin:10px 0 2px;}
  .lg-prof .rows{text-align:left;background:#f3f8ff;border:1px solid #d9e4f7;border-radius:12px;padding:10px 14px;margin:12px 0;font-size:.86rem;color:#1b2f57;line-height:1.9;}
  .lg-ok{display:inline-block;background:#e0f6ea;color:#1b7f4c;font-weight:800;font-size:.8rem;padding:4px 12px;border-radius:20px;}
  @media (max-width:720px){ .lg-wrap{flex-direction:column;} .lg-left{padding:24px 20px;} .lg-right{padding:26px 20px;} .lg-otp input{width:40px;height:50px;} }