.login-container{min-height:100dvh;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;max-width:100%}.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}@media (max-width:900px){.login-container{flex-direction:column;height:auto;min-height:100dvh}.login-left{flex:none;height:auto}.login-left-content,.login-left-footer{display:none}.login-right{flex-direction:column;align-items:stretch}.login-box{width:100%;max-width:100%}.login-box-logo{display:none}.login-form input{font-size:16px}}@media (max-width:768px){.login-container{height:auto;min-height:100dvh;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;gap:0;overflow:auto}.login-left{height:auto;min-height:0;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 12px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex:none}.login-left-content,.login-left-footer{display:none}.login-right{width:100%;padding:16px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-bottom:max(16px, env(safe-area-inset-bottom,0px));flex-direction:column;flex:auto;justify-content:flex-start;align-items:stretch}.login-box{box-sizing:border-box;width:100%;max-width:100%}.login-box-logo{display:none}.login-form input,.login-btn{font-size:16px}.login-mobile-credit{text-align:center;color:#9ca3af;width:100%;margin-top:16px;font-size:11px;display:block}}