.login-pf body { background: #f5f4f0; color: #1a1d23; font-family: system-ui, sans-serif; }
#kc-header { color: #22407f; }
#kc-header-wrapper { padding: 90px 16px 16px; background: url('../img/mark-navy.png') center 16px / 56px 56px no-repeat; text-transform: none; letter-spacing: normal; font-size: 25px; font-weight: 600; }
.card-pf { border-top: 3px solid #22407f; border-radius: 12px; box-shadow: 0 4px 24px #1a1d2310; }
#kc-page-title { font-size: 24px; font-weight: 500; }
.pf-c-button.pf-m-primary { background: #22407f; border-radius: 6px; }
.pf-c-form-control { border-radius: 4px; min-height: 42px; }
a { color: #22407f; }
@media (max-width: 767px) { .login-pf-page { padding: 12px; } #kc-header-wrapper { text-align: center; } }