* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; color: #000; background: #fff; font: 12px Arial, Helvetica, sans-serif; }
a { color: #000; font-weight: normal; text-decoration: underline; }
.top-bar { width: 100%; height: 20px; background: #000; }
.login-header { width: 600px; max-width: calc(100% - 30px); margin: 100px auto 0; padding: 0 0 2px 15px; border-bottom: 2px solid #e99200; }
.login-header img { display: block; }
.login-body { width: 600px; max-width: calc(100% - 30px); margin: 0 auto; padding: 20px 20px 10px 50px; background: #f2f2f2; }
h1 { margin: .67em 0; font-size: 24px; font-weight: normal; }
h2 { font-size: 18px; }
h3 { margin: 1em 0; font-size: 14px; }
p { margin: 5px 0; }
.login-body p { margin-top: 20px; }
.system-card { display: block; width: 325px; max-width: 100%; margin-bottom: 10px; padding: 5px 5px 5px 20px; background: #fff; box-shadow: 0 2px 8px #999; font-weight: bold; text-decoration: none; }
.system-card:hover { background: #f5f5f5; text-decoration: none; }
.system-card:focus-visible { outline: 2px solid #000; outline-offset: 2px; }
.system-card.brf { border-top: 5px solid #8c000c; }
.system-card.property { border-top: 5px solid #006400; }
.login-footer { display: flex; align-items: flex-start; width: 910px; max-width: calc(100% - 30px); margin: 100px auto 0; padding-top: 3px; border-top: 2px solid #000; color: #969696; }
.login-footer p { min-height: 35px; margin: 0 0 0 10px; padding-right: 20px; }
.login-footer a { color: #e99200; font-weight: bold; text-decoration: none; }
.login-footer .bordered { border-right: 1px solid #969696; }
.login-footer .footer-logo { flex: 0 0 148px; }
.login-footer .partner { padding-right: 0; }

@media (max-width: 920px) {
  .login-header { margin-top: 50px; }
  .login-body { padding-left: 25px; }
  .login-footer { flex-wrap: wrap; gap: 16px 0; margin-top: 50px; padding-bottom: 24px; }
  .login-footer p { flex: 1 1 210px; }
}

@media (max-width: 420px) {
  .login-header, .login-body, .login-footer { max-width: calc(100% - 20px); }
  .login-header { margin-top: 35px; }
  .login-body { padding: 16px 18px 10px; }
  h1 { font-size: 21px; }
  .login-footer { margin-top: 40px; }
  .login-footer p { flex-basis: 100%; }
  .login-footer .bordered { border-right: 0; }
}