.login-wrap { min-height: 80vh; display: flex; align-items: center; justify-content: center; padding: 24px; }
  .login-card { width: 100%; max-width: 380px; background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 28px; }
  .login-card h1 { margin: 0 0 4px; font-size: 22px; }
  .login-card p.sub { margin: 0 0 22px; color: #6b7280; font-size: 14px; }
  .login-field { display: block; margin-bottom: 14px; }
  .login-field span { display: block; font-size: 13px; color: #374151; margin-bottom: 5px; }
  .login-field input { width: 100%; font-size: 16px; padding: 11px 12px; border: 1px solid #d1d5db; border-radius: 8px; box-sizing: border-box; }
  .login-field input:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,.15); }
  .login-button { width: 100%; margin-top: 8px; padding: 12px; font-size: 15px; background: #2563eb; color: #fff; border: 0; border-radius: 8px; cursor: pointer; }
  .login-button:disabled { background: #9ca3af; cursor: default; }
  .login-error { margin-top: 14px; padding: 10px 12px; background: #fef2f2; color: #991b1b; border-radius: 8px; font-size: 14px; }