/* Docs-styled login page tweaks */
html, body {
  height: 100%;
}
body.login-page {
  background: linear-gradient(180deg, #f8fafc 0%, #eef3f8 60%, #e6eefb 100%);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
.login-card .card {
  border: 0;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(24,39,75,0.08);
  overflow: hidden;
}
.card-header {
  padding: 1.25rem 1.5rem;
}
.card-header h1 {
  font-size: 1.25rem;
  margin: 0 0 4px 0;
  display: flex;
  gap: 10px;
  align-items: center;
}

.card-header p { margin: 0; opacity: .95; }
.card-body { background: #ffffff; }
.input-group-text {
  background: #f4f6fb;
  border: 0;
}
.form-control {
  border: 1px solid #e6eefb;
}
.btn-primary {
  border: 0;
  padding: 12px 18px;
  box-shadow: 0 6px 18px rgba(13,110,253,0.12);
}
.card-footer { background: transparent; border-top: 0; }
@media (max-width: 575px) {
  .card-header h1 { font-size: 1rem; }
}

/* subtle docs-style accent */
.login-help {
  font-size: 0.9rem;
  color: #53627a;
}