/* ---- 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,#c02f47,#6b1524);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:#fad2d8;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:#fce0e4;}
  .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:#6b1524;margin:0 0 4px;}
  .lg-sub{color:#845e64;font-size:.88rem;margin-bottom:22px;}
  .lg-field{margin-bottom:16px;}
  .lg-field label{display:block;font-size:.78rem;font-weight:700;color:#4f2028;margin-bottom:6px;}
  .lg-input{display:flex;align-items:center;border:1.5px solid #edc6cc;border-radius:12px;background:#fdeff1;padding:0 12px;}
  .lg-input:focus-within{border-color:#e24862;background:#fff;box-shadow:0 0 0 3px rgba(226,72,98,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,#dc3d58,#811829);color:#fff;font-weight:800;font-size:.98rem;cursor:pointer;}
  .lg-btn:hover{filter:brightness(1.08);}
  .lg-link{background:none;border:0;color:#c02f47;font-weight:700;cursor:pointer;font-size:.84rem;padding:6px;}
  .lg-link:disabled{color:#bd9aa0;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 #edc6cc;border-radius:12px;background:#fdeff1;outline:0;color:#6b1524;}
  .lg-otp input:focus{border-color:#e24862;background:#fff;box-shadow:0 0 0 3px rgba(226,72,98,0.18);}
  .lg-codebox{background:#fce3e7;border:1px dashed #e5919f;border-radius:12px;padding:12px;text-align:center;margin-bottom:12px;}
  .lg-codebox b{display:block;font-size:1.7rem;letter-spacing:8px;color:#6b1524;margin:4px 0;}
  .lg-codebox small{color:#845e64;font-size:.74rem;}
  .lg-prof{text-align:center;}
  .lg-prof .nm{font-family:var(--serif);font-size:1.4rem;color:#6b1524;margin:10px 0 2px;}
  .lg-prof .rows{text-align:left;background:#fdebee;border:1px solid #f2d5da;border-radius:12px;padding:10px 14px;margin:12px 0;font-size:.86rem;color:#4f2028;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;} }