*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Inter,sans-serif;
}

.login-page{
    display:grid;
    grid-template-columns:55% 45%;
    width:100%;
    height:100vh;
}

.login-left{
    background-image:url("../img/login-bg.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
}

.login-left::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

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

.login-card{
    width:430px;
    padding:45px;
    background:#fff;
    border-radius:20px;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}