.inaba-login-page {

    min-height:
        100vh;

    display:
        grid;

    grid-template-columns:
        1.1fr .9fr;

    background:
        #FFFFFF;
}


/* Panel de marca */

.inaba-login-brand {

    position:
        relative;

    overflow:
        hidden;

    display:
        flex;

    align-items:
        center;

    padding:
        clamp(
            40px,
            6vw,
            90px
        );

    background:
        linear-gradient(
            145deg,
            #071426 0%,
            #082642 100%
        );

    color:
        #FFFFFF;
}


.inaba-login-brand::before {

    content:
        "";

    position:
        absolute;

    width:
        460px;

    height:
        460px;

    right:
        -160px;

    bottom:
        -180px;

    border:
        90px solid
        rgba(11,116,216,.32);

    border-radius:
        50%;
}


.inaba-login-brand::after {

    content:
        "";

    position:
        absolute;

    width:
        330px;

    height:
        330px;

    right:
        -180px;

    bottom:
        80px;

    border:
        70px solid
        rgba(255,51,54,.20);

    border-radius:
        50%;
}


.inaba-login-brand-content {

    position:
        relative;

    z-index:
        2;

    max-width:
        530px;
}


.inaba-login-logo {

    width:
        190px;

    margin-bottom:
        50px;
}


.inaba-login-brand h1 {

    margin-bottom:
        18px;

    font-size:
        clamp(
            36px,
            5vw,
            56px
        );

    line-height:
        1.08;
}


.inaba-login-brand p {

    max-width:
        460px;

    color:
        rgba(255,255,255,.72);

    font-size:
        16px;

    line-height:
        1.7;
}


.inaba-login-features {

    margin-top:
        34px;

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        10px;
}


.inaba-login-features span {

    padding:
        9px 13px;

    border:
        1px solid
        rgba(255,255,255,.13);

    background:
        rgba(255,255,255,.06);

    border-radius:
        999px;

    font-size:
        12px;
}


/* Formulario */

.inaba-login-form-area {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        40px;

    background:
        #FFFFFF;
}


.inaba-login-box {

    width:
        100%;

    max-width:
        420px;
}


.inaba-login-box h2 {

    margin-bottom:
        6px;

    font-size:
        32px;
}


.inaba-login-intro {

    margin-bottom:
        30px;

    color:
        var(--inaba-muted);
}


.inaba-login-mobile-logo {

    display:
        none;

    width:
        175px;

    margin-bottom:
        35px;
}


.inaba-login-options {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        16px;

    margin:
        6px 0 24px;

    font-size:
        12px;
}


.inaba-login-options a {

    color:
        var(--inaba-blue);

    text-decoration:
        none;

    font-weight:
        500;
}


.inaba-login-submit {

    width: 100%;

    min-height: 50px;

    background:
        var(--inaba-blue);

    color:
        #FFFFFF;

    border:
        1px solid
        var(--inaba-blue);

    border-radius:
        var(--inaba-radius-sm);

    font-size:
        14px;

    font-weight:
        600;

    box-shadow:
        0 8px 20px
        rgba(11, 116, 216, .18);

    transition:
        .2s ease;
}


.inaba-login-submit:hover {

    background:
        var(--inaba-blue-hover);

    border-color:
        var(--inaba-blue-hover);

    color:
        #FFFFFF;

    transform:
        translateY(-1px);

    box-shadow:
        0 10px 24px
        rgba(11, 116, 216, .24);
}


.inaba-login-error {

    margin-bottom:
        18px;

    padding:
        12px 14px;

    background:
        #FFF0F1;

    color:
        var(--inaba-danger);

    border:
        1px solid
        #FFD8DA;

    border-radius:
        9px;

    font-size:
        12px;
}


.inaba-private-access {

    margin-top:
        24px;

    padding:
        14px;

    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    background:
        #F5F9FF;

    border-radius:
        10px;
}


.inaba-private-access div {

    display:
        flex;

    flex-direction:
        column;
}


.inaba-private-access strong {

    font-size:
        12px;
}


.inaba-private-access span {

    color:
        var(--inaba-muted);

    font-size:
        11px;
}