.connor-login{
display:flex;
max-width:900px;
margin:auto;
border-radius:12px;
overflow:hidden;
color:#fff;
}

.connor-login-form{
flex:1;
padding:40px;
display:flex;
flex-direction:column;
gap:10px;
}

.connor-login-form input{
padding:10px;
border-radius:4px;
border:none;
}

.connor-btn{
padding:12px;
border:none;
color:#fff;
cursor:pointer;
}

.connor-welcome{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:40px;
}

.panel-left .connor-welcome{ order:0; }
.panel-left .connor-login-form{ order:1; }

.panel-right .connor-login-form{ order:0; }
.panel-right .connor-welcome{ order:1; }

@media(max-width:768px){
.connor-login{
flex-direction:column;
}
}