.login{height:100dvh;display:flex;align-items:center;justify-content:center}.login .card{width:70%;height:70%;display:flex;background-color:#fff;border-radius:10px;min-height:600px;overflow:hidden}.login .card .left{flex:1 1;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.5)),url(https://images.unsplash.com/photo-1524567248408-cbfd37e65e2d?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjB8fG11c2ljfGVufDB8fDB8fHww) no-repeat 50%/cover;background-size:cover;padding:50px;display:flex;flex-direction:column;gap:30px;color:#fff}.login .card .left h1{line-height:80px;font-size:8rem}.login .card .left span{font-size:14px}.login .card .left span .bypass{color:#fff;font-weight:700;padding-top:5px;text-decoration:none}.login .card .left span .bypass:hover{transition:.8s;color:#ee0808}.login .card .left button{width:50%;padding:10px;border:none;background-color:#fff;color:#e82561;font-weight:700;cursor:pointer}.login .card .right{flex:1 1;padding:50px;display:flex;flex-direction:column;gap:50px;justify-content:center}.login .card .right h1{color:#555}.login .card .right form{display:flex;flex-direction:column;gap:30px}.login .card .right form .error{color:red}.login .card .right form input{border:none;border-bottom:1px solid #d3d3d3;padding:20px 10px}.login .card .right form button{width:50%;padding:10px;border:none;background-color:#e82561;color:#fff;font-weight:700;cursor:pointer}