.login-wrap{
    display:grid;
    grid-template-columns:630px 1fr;
    min-height:100vh;
    background:#FAF3F0;
}

.login-side{
    background:#FFEFEC;
    display:flex;
    justify-content:center;
    align-items:center;
}

.login-form-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    background:white;
}

.login-form{
    width:660px;
}

/* LOGO */

.login-brand{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
margin-bottom:48px;
}

.login-brand .brand-name{
font-family:'Cormorant Garamond',serif;
font-size:37px;
font-weight:400;
line-height:42px;
color:#622F30;
margin:0;
padding:0;
}

.login-brand .brand-sub{
font-family:'Inter',sans-serif;
font-size:15px;
font-weight:700;
letter-spacing:7px;
line-height:18px;
color:#622F30;
margin-top:6px;
padding:0;
text-transform:uppercase;
}

/* TEXT */

.login-form h2{
    font-size:23px;
    color:#622F30;
}

.login-form p{
    margin:6px 0 26px;
    color:#A86B6B;
}

.login-form label{
    font-size:15px;
    font-weight:700;
    color:#622F30;
    text-transform:uppercase;
}

/* INPUT */

.login-form input[type=text],
.login-form input[type=password]{

    height:39px;
    border:1px solid var(--albescent-white);
    background:var(--fantasy);
    border-radius:12px;
    color:#622F30;
}

.login-form input::placeholder{
    color:#622F30;
    opacity:.7;
}

.login-form input:focus{
    border:1px solid var(--cashmere);
}

/* BUTTON */

.login-form .btn{
    width:100%;
    height:39px;
    margin-top:10px;
    border-radius:12px;
    background:#622F30;
    color:white;
}

.login-form .btn:hover{
    background:#4E0606;
}