body { background:#f5f5f5; margin:0; }
      .login-wrap { max-width: 440px; margin: 48px auto; padding: 0 16px; }
      .login-card {
        background:#fff; border:1px solid #e5e7eb; border-radius:12px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 24px;
        display:flex; flex-direction:column; gap:16px;
      }
      .login-title { margin:0; font-size:22px; font-weight:700; color:#222; }
      .field { display:flex; flex-direction:column; gap:6px; }
      .field label { font-size:13px; color:#444; font-weight:600; }
      .field input { padding:12px; border:1px solid #ddd; border-radius:8px; font-size:15px; }
      .field input:focus { outline:none; border-color:#0d6efd; }
      .error-text { color:#dc2626; font-size:13px; min-height: 16px; }
      .login-actions { display:flex; gap:8px; justify-content:flex-end; align-items:center; }
      .btn-primary { background:#0d6efd; color:#fff; border:none; padding:12px 16px; border-radius:8px; font-weight:700; cursor:pointer; }
      .btn-primary:disabled { opacity:.7; cursor:not-allowed; }
      .hint { font-size:12px; color:#777; }