.knx-my-account--login { margin: 0 auto; max-width: 72rem; }
.knx-my-account-login-card { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0 auto; max-width: 42rem; overflow: hidden; }
.knx-my-account-login-card__institutional { align-items: center; background: radial-gradient(circle at 50% 18%, rgba(255,255,255,.1), transparent 42%), var(--global-palette1, #1f4f8a); color: #fff; display: flex; flex-direction: column; justify-content: center; min-height: 28rem; padding: clamp(2rem, 5vw, 4rem); text-align: center; }
.knx-my-account-login-card__logo { display: block; height: auto; margin: 0 auto 3rem; max-width: 210px; width: 100%; }
.knx-my-account-login-card__institutional h1 { color: inherit; font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 700; margin: 0 0 1.25rem; }
.knx-my-account-login-card__institutional p { color: inherit; line-height: 1.65; margin: 0; max-width: 22rem; opacity: .88; }
.knx-my-account-login-card__form { background: var(--global-palette9, #fff); padding: clamp(2rem, 5vw, 4rem); }
.knx-my-account-login-card__form form { margin: 0; }
.knx-my-account-login-card__form form p { margin: 0 0 1.7rem; }
.knx-my-account-login-card__form label { display: block; font-weight: 600; margin-bottom: .35rem; }
.knx-my-account-login-card__form input[type='text'], .knx-my-account-login-card__form input[type='password'] { border: 1px solid var(--global-palette7, #d9dee7); border-radius: .35rem; box-sizing: border-box; min-height: 48px; padding: .8rem .85rem; width: 100%; }
.knx-my-account-login-card__form input:focus { border-color: var(--global-palette1, #1f4f8a); box-shadow: 0 0 0 2px rgba(31,79,138,.18); outline: 0; }
.knx-my-account-login-card__form .login-remember { margin-bottom: 1.7rem; }
.knx-my-account-login-card__form .login-remember label { align-items: center; display: flex; font-weight: 400; gap: .5rem; }
.knx-my-account-login-card__form .login-remember input { margin: 0; }
.knx-my-account-login-card__form .login-submit input { background: var(--global-palette1, #1f4f8a); border: 0; border-radius: .35rem; color: #fff; cursor: pointer; font-weight: 600; min-height: 50px; padding: .75rem 1.25rem; width: 100%; }
.knx-my-account-login-card__form .login-submit input:hover { background: var(--global-palette2, #173b68); }
.knx-my-account-login-card__forgot { color: var(--global-palette4, #5f6b7a); margin: 1.5rem 0 0; opacity: .9; text-align: center; }
@media (max-width: 767px) { .knx-my-account-login-card { grid-template-columns: 1fr; } .knx-my-account-login-card__institutional { min-height: 15rem; } }