.oa-auth-page {

    min-height:100vh;

    height:100vh;

    display:flex;

    padding:0;

}

.oa-auth-layout {

    width:100%;

    min-height:100vh;

    display:flex;

}
.auth-layout {

    width:100%;

    display:flex;

}


/* partie gauche */

.auth-brand {

    width:45%;

    min-height:100vh;

    background:
    linear-gradient(
        135deg,
        var(--oustaoo-orange),
        var(--oustaoo-gold)
    );

    display:flex;

    align-items:start;

    justify-content:center;

    padding:50px;

}

.auth-brand-content {

    color:white;

    max-width:550px;

}

.auth-brand .logo img{
    width: 550px;
}


.auth-brand h2 {

    font-size:39px;

    line-height:1.15;

}


.auth-brand p {

    font-size:18px;

    opacity:.9;

}



/* partie droite */

.auth-form {

    width:50%;

    min-height:100vh;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:60px 150px;

    background:#fff;

}


.auth-form h1 {

    font-size:34px;

    margin-bottom:35px;

}


.auth-form input {

    width:100%;

    height:52px;

    margin-bottom:18px;

    border:1px solid var(--color-border);

    border-radius:var(--radius-button);

    padding:0 16px;

}



.auth-form button {

    width:100%;

    height:54px;

    margin-top:10px;

    background:var(--oustaoo-blue);

    color:#fff;

    border:none;

    border-radius:12px;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.2s ease;

}


.auth-form button:hover {

    background:#162D49;

}