body{background-color:#3a3a3a;height:100vh;margin:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.login-container{display:flex;max-width:1100px;width:90%;background:#4a4a4a;border-radius:10px;max-height:95vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,.3)}.login-left{flex:1;padding:60px 50px;color:#fff;display:flex;flex-direction:column;justify-content:center}.login-left h1{font-size:3rem;font-weight:300;margin-bottom:20px}.login-left h1 .highlight{color:#5b9bd5;font-weight:500}.login-left p{color:#b0b0b0;font-size:1rem;line-height:1.6}.login-right{flex:1;background:#f8f9fa;padding:60px 50px;display:flex;flex-direction:column;justify-content:center}.login-right .logo{text-align:center;margin-bottom:30px}.login-right .logo img{height:80px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-control{background-color:transparent;border:1px solid #6c757d;border-radius:5px;padding:12px 15px;font-size:1rem;color:#333}.form-control:focus{border-color:#5b9bd5;box-shadow:0 0 0 .2rem rgba(91,155,213,.25);background-color:transparent}.form-control::placeholder{color:#999}.btn-primary{background-color:#5b9bd5;border:none;padding:12px;font-size:1rem;font-weight:600;border-radius:5px;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{background-color:#4a8ac5}.recaptcha-container{margin:20px 0;display:flex;justify-content:center}@media (max-width:768px){body{height:auto;overflow:auto;align-items:flex-start;padding:20px 0}.login-container{flex-direction:column;max-height:none;overflow-y:visible}.login-left{padding:40px 30px;order:2}.login-right{padding:40px 30px;order:1}.login-left h1{font-size:2rem}}