.login-wrap{ width:min(520px,100%); margin:0 auto; padding:14px; }
    .login-card{
      background:#fff; border:1px solid #e5e7eb; border-radius:18px;
      padding:18px; box-shadow:0 10px 28px rgba(15,23,42,.08);
    }
    .login-top{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
    .login-logo{ height:56px; width:auto; display:block; }
    .login-title{ font-weight:1000; font-size:20px; color:#0f172a; margin:0; line-height:1.15; }
    .login-sub{ color:#64748b; font-weight:800; margin-top:4px; font-size:13px; }
    .login-form{ display:grid; gap:12px; margin-top:10px; }
    .login-form label{ display:block; font-weight:900; font-size:13px; color:#0f172a; margin-bottom:6px; }
    .login-form input{
      width:100%; padding:12px 14px; border:1px solid #d6d6d6; border-radius:12px;
      font-size:16px; background:#fff; outline:none;
    }
    .login-form input:focus{ border-color:#94a3b8; box-shadow:0 0 0 4px rgba(30,136,202,.10); }
    .login-btn{
      width:100%; display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:12px 14px; border-radius:14px; border:none; background:#132665; color:#fff;
      font-weight:1000; cursor:pointer; box-shadow:0 10px 26px rgba(15,23,42,.14); font-size:15px;
    }
    .login-btn:hover{ opacity:.95; }
    .login-btn:disabled{ opacity:.6; cursor:not-allowed; }
    .login-foot{ text-align:center; margin-top:10px; }
    .login-foot a{ font-weight:1000; color:#132665; }