/* Sign-in appearance only. The existing login form and validation remain intact. */
body.bg-light {
  min-height: 100vh;
  color: #172b42;
  background: radial-gradient(circle at 15% 12%, rgba(63, 174, 202, .23), transparent 23rem), radial-gradient(circle at 88% 85%, rgba(46, 126, 188, .12), transparent 29rem), #f1f6fa !important;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.bg-light::before {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 6px;
  background: linear-gradient(90deg, #10283f, #2078bd 55%, #20a59c);
  content: "";
}
body.bg-light .container { display: grid; min-height: 100vh; place-items: center; padding: 28px 16px; }
body.bg-light .row { width: 100%; margin: 0 !important; }
body.bg-light .col-md-4 { width: min(100%, 450px); margin: 0 auto; padding: 0; }
body.bg-light .card { overflow: hidden; border: 1px solid #d9e6ef !important; border-radius: 20px; box-shadow: 0 24px 58px rgba(20, 58, 87, .12) !important; }
body.bg-light .card::before { display: block; height: 5px; background: linear-gradient(90deg, #2078bd, #20a59c); content: ""; }
body.bg-light .card-body { padding: clamp(26px, 4vw, 38px); }
body.bg-light .card-title { margin-bottom: 28px !important; color: #173c58; font-size: 1.55rem; font-weight: 800; letter-spacing: -.045em; }
body.bg-light .form-label { color: #344f65; font-size: .83rem; font-weight: 700; }
body.bg-light .form-control { min-height: 48px; border: 1px solid #cddce8; border-radius: 11px; font-size: .9rem; }
body.bg-light .form-control:focus { border-color: #268cbe; box-shadow: 0 0 0 3px rgba(32, 120, 189, .14); }
body.bg-light .form-control::placeholder { color: #91a2b0; }
body.bg-light .btn-primary { min-height: 48px; margin-top: 6px; background: #2078bd; border-color: #2078bd; border-radius: 11px; font-size: .9rem; font-weight: 740; box-shadow: 0 8px 18px rgba(32, 120, 189, .21); }
body.bg-light .btn-primary:hover,
body.bg-light .btn-primary:focus { background: #155f9b; border-color: #155f9b; }
body.bg-light .alert { border-radius: 10px; }
body.bg-light .text-muted.small { color: #60758a !important; font-size: .76rem; }
@media (max-width: 575.98px) {
  body.bg-light .container { padding: 22px 14px; }
  body.bg-light .card-body { padding: 25px 20px; }
}