/* account/login.html — page-local deltas on top of auth-shared.css */
.glass-card { max-width: 440px; padding: 2.5rem; }

/* Logo — login.html's own .logo-img/.logo-sub structure, NOT auth-shared's
   shared .logo-wrap component (different pages use different logo blocks). */
.logo-wrap {
  text-align: center;
  margin-bottom: 2.5rem;
}
.logo-img { height: 48px; width: auto; display: block; margin: 0 auto 0.5rem; }
.logo-sub { font-size: 13px; color: #5a6375; margin: 0; }

/* Form fields */
.field { margin-bottom: 1rem; }

.forgot-link {
  display: block; text-align: right;
  font-size: 13px; font-weight: 500;
  color: #b07c1a; text-decoration: none;
  margin-top: 0.5rem;
}
.forgot-link:hover { color: #ea6c0a; }

/* Error */
.error-msg {
  font-size: 12px; color: #dc2626;
  background: rgba(220,38,38,0.06);
  border: 0.5px solid rgba(220,38,38,0.18);
  border-radius: 0.5rem;
  padding: 0.6rem 0.875rem;
  margin-bottom: 1rem;
}

/* Primary button */
.btn-primary { display: block; width: 100%; padding: 12px; margin-top: 1.5rem; }

/* Divider */
.divider { margin: 1.5rem 0; }
.divider span { color: #7a8499; }

/* Social buttons */
.btn-social:last-child { margin-bottom: 0; }

/* Footer */
.card-footer {
  text-align: center;
  padding-top: 1.5rem;
  border-top: 0.5px solid rgba(0,0,0,0.08);
  margin-top: 1.5rem;
}