.kf-login{max-width:420px;margin:1.5rem auto;padding:1.5rem;border:1px solid #dcdcde;border-radius:8px;background:#fff;box-sizing:border-box}
.kf-login__title{margin:0 0 1rem;font-size:1.4rem}
.kf-login__field{margin:0 0 1rem;display:flex;flex-direction:column;gap:.35rem}
.kf-login__field--inline{flex-direction:row}
.kf-login__field input[type=text],.kf-login__field input[type=password]{width:100%;min-height:44px;padding:.5em .75em;border:1px solid #8c8f94;border-radius:6px;font:inherit;box-sizing:border-box}
.kf-login__field input:focus-visible{outline:3px solid #72aee6;outline-offset:1px}
.kf-login__password{position:relative;display:flex}
.kf-login__password input{padding-right:3rem}
.kf-login__toggle{position:absolute;right:0;top:0;bottom:0}
.kf-login__toggle[aria-pressed=true]{opacity:.6}
.kf-login__actions .kf-button{width:100%}
.kf-login__message{margin:0 0 1rem;padding:.6em .9em;border-radius:6px;border-left:4px solid}
.kf-login__message[data-type=error]{background:#fcf0f1;border-color:#d63638;color:#8a2424}
.kf-login__message[data-type=success]{background:#edfaef;border-color:#00a32a;color:#1e4620}
.kf-login__links{margin:0;text-align:center;font-size:.9em}
@media (max-width:480px){.kf-login{margin:1rem 0;padding:1rem;border-radius:0;border-left:0;border-right:0}}
.kf-login__message[data-type=info]{background:#f0f6fc;border-color:#2271b1;color:#0a4b78}
.kf-login__info{margin:0 0 1rem;padding:.6em .9em;border-radius:6px;border-left:4px solid #72aee6;background:#f0f6fc;color:#1d2327}