.login-container{height:100vh;display:flex}.login-left{background:var(--gradient);color:#fff;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.login-overlay{background:#0000004d;position:absolute;inset:0}.login-left-content{text-align:center;z-index:1;position:relative}.login-left h2{margin-top:20px;font-size:28px}.login-left p{opacity:.9;margin-top:10px}.login-right{background:var(--background);flex:1;justify-content:center;align-items:center;display:flex}.login-box{width:320px}.login-box h2{margin-bottom:10px;font-size:24px}.login-box p{color:gray;margin-bottom:20px}.login-form{flex-direction:column;display:flex}.login-form input{border:1px solid #ddd;border-radius:6px;margin-bottom:12px;padding:10px}.login-btn{background:var(--gradient);color:#fff;cursor:pointer;border-radius:6px;padding:12px;transition:all .3s}.login-btn:hover{opacity:.9}