/**
 * Login hero — full-screen cover image behind the bottom login sheet.
 * Loaded last with ?v=filemtime so browsers pick up changes.
 */

#kf-app .kf-login-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    background: #0b1710;
}

#kf-app .kf-login-bg__img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
    object-position: center center;
}

#kf-app .kf-login-bg__shade {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

#kf-app .kf-login-brand {
    position: absolute;
    top: calc(10px + env(safe-area-inset-top, 0px));
    right: 12px;
    z-index: 5;
    height: clamp(40px, 11vw, 52px);
    width: auto;
    max-width: min(168px, 42vw);
    padding: 0;
    object-fit: contain;
    object-position: right center;
    background: none;
    border-radius: 0;
    box-shadow: none;
}

#kf-app .kf-sheet {
    position: relative;
    z-index: 2;
    margin-top: auto;
}

@media (min-width: 768px) {
    #kf-app .kf-hero-fullbleed,
    #kf-app .kf-login-stack {
        max-width: var(--kf-app-shell-max, 430px);
        margin-inline: auto;
    }
}