.login-page{position:relative;width:100vw;height:100vh;overflow:hidden}.login-bg{position:absolute;inset:0;z-index:0}[dir=ltr] .login-bg{background:linear-gradient(135deg,#3af1f1,#2c58bf,#022474)}[dir=rtl] .login-bg{background:linear-gradient(-135deg,#3af1f1,#2c58bf,#022474)}.login-content{position:relative;z-index:2;display:flex;height:100%}.login-left{width:640px;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:480px;min-height:550px}[dir] .login-card{background:#fff;border-radius:16px;padding:2rem 2.2rem;box-shadow:0 24px 50px rgba(0,0,0,.18),0 4px 10px rgba(0,0,0,.12)}.login-right{flex:1;display:flex;align-items:center;color:#fff}[dir] .login-right{padding:4rem}.login-right-content{max-width:520px}.login-right .badge{font-size:12px}[dir] .login-right .badge{background:hsla(0,0%,100%,.15);padding:4px 10px;border-radius:20px}.login-right .free{color:#000;font-size:13px}[dir] .login-right .free{background:#fff;padding:2px 8px;border-radius:10px}[dir=ltr] .login-right .free{margin-left:6px}[dir=rtl] .login-right .free{margin-right:6px}.login-right .headline{font-size:28px;font-weight:600}[dir] .login-right .headline{margin-top:16px}.login-right .sub{font-size:16px;opacity:.9}[dir] .login-right .sub{margin-top:12px}.powered-footer{position:fixed;bottom:10px;width:100%;z-index:10;pointer-events:none}[dir] .powered-footer{text-align:center}[dir=ltr] .powered-footer{left:0}[dir=rtl] .powered-footer{right:0}.powered-text{font-size:12px;color:#c6cace;letter-spacing:.5px}[dir] .powered-text{margin-bottom:4px}.powered-logo{height:40px;opacity:.6}[dir] .powered-logo{border:none}@media(max-width:991px){.login-right{display:none}.login-left{width:100%}}