.auth-wrapper{
    min-height:100vh;
    display:flex;
}

.auth-left{
    width:50%;
    background:linear-gradient(
        135deg,
        #5B5AF7,
        #7B61FF
    );

    display:flex;
    align-items:center;
    justify-content:center;
    padding:60px;
    color:#fff;
}

.brand-content{
    max-width:450px;
}

.brand-content h1{
    font-size:48px;
    color:#fff;
}

.brand-content p{
    color:rgba(255,255,255,.8);
    margin-top:20px;
    font-size:18px;
}

.auth-right{
    width:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:50px;
}

.auth-card{
    width:100%;
    max-width:450px;
    background:#fff;
    padding:40px;
    border-radius:30px;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
}

.auth-card h2{
    font-size:32px;
}

.auth-card p{
    margin:10px 0 30px;
}

.form-group{
    margin-bottom:20px;
}

.auth-btn{
    width:100%;
    margin-top:10px;
}

.auth-footer{
    margin-top:30px;
    text-align:center;
}

.auth-footer a{
    color:var(--primary-color);
    font-weight:600;
}

.message-success{
    color:green;
    margin-top:20px;
}

.message-error{
    color:red;
    margin-top:20px;
}