.login-page{justify-content:center;position:relative;height:100vh}.login-header,.login-page{display:flex;align-items:center;width:100%}.login-header{position:fixed;top:0;left:0;height:72px;background:#fff;border-bottom:1px solid #ebeef5;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:0 28px;box-sizing:border-box;z-index:1500}.login-header__brand{display:flex;align-items:center}.login-header__logo{max-height:52px;max-width:220px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;display:block}.login-card{background:#fff;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.1);overflow:hidden;width:400px;border:1px solid #ebeef5;position:relative;z-index:10}.login-card:before{content:"";display:block;height:5px;background:linear-gradient(90deg,#409eff,#0660c8)}.login-card__logos{display:flex;align-items:center;justify-content:center;gap:20px;padding:32px 36px 24px;box-sizing:border-box;width:100%}.login-card__logo{display:block;max-height:64px;max-width:200px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;flex:0 1 auto}.login-card__logo--small{max-height:56px;max-width:72px}.login-card__logo-divider{width:1px;height:40px;background:#dde3ec;flex-shrink:0}.login-card__heading{font-size:20px;font-weight:700;color:#1a1a2e;text-align:center;padding:0 36px 6px}.login-card__sub{font-size:13px;color:#909399;text-align:center;padding:0 36px 24px}.login-card__btn{display:block;width:calc(100% - 72px)!important;margin:0 36px 36px!important;border-radius:8px!important;font-weight:600!important;font-size:14px!important}.login-page__bg{position:fixed;height:100%;width:100%;top:0;bottom:0;right:0;left:0;z-index:9;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjEwODAiPjxwYXRoIGZpbGw9IiNmM2YzZjMiIHN0cm9rZT0iI2YzZjNmMyIgc3Ryb2tlLXdpZHRoPSIxLjUxIiBkPSJNMTQ0LTQ5Nmw2MjcgMTY3IDI1OSA2eiIvPjxwYXRoIGZpbGw9IiNlM2UzZTMiIHN0cm9rZT0iI2UzZTNlMyIgc3Ryb2tlLXdpZHRoPSIxLjUxIiBkPSJNNDczIDE1MjZsLTcxMCAxNDQgMTU0OS02NHoiLz48cGF0aCBmaWxsPSIjZWVlIiBzdHJva2U9IiNlZWUiIHN0cm9rZS13aWR0aD0iMS41MSIgZD0iTTEwMzAtMzIzaDU5MWwzODMtMTU5eiIvPjxwYXRoIGZpbGw9IiNmMWYxZjEiIHN0cm9rZT0iI2YxZjFmMSIgc3Ryb2tlLXdpZHRoPSIxLjUxIiBkPSJNMTQ0LTQ5Nmw4ODYgMTczIDk3NC0xNTl6Ii8+PHBhdGggZmlsbD0iI2UwZTBlMCIgc3Ryb2tlPSIjZTBlMGUwIiBzdHJva2Utd2lkdGg9IjEuNTEiIGQ9Ik0yMjMxIDQ5NWwtNjIgMjA1IDEwNCAzMTJ6Ii8+PHBhdGggZmlsbD0iI2U2ZTZlNiIgc3Ryb2tlPSIjZTZlNmU2IiBzdHJva2Utd2lkdGg9IjEuNTEiIGQ9Ik0xOTc4LTQybDI1MyA1MzcgNjEtNzQ1eiIvPjxwYXRoIGZpbGw9IiNlZmVmZWYiIHN0cm9rZT0iI2VmZWZlZiIgc3Ryb2tlLXdpZHRoPSIxLjUxIiBkPSJNMTQ0LTQ5NmwxODYwIDE0IDUzNC05MnoiLz48cGF0aCBmaWxsPSIjZjVmNWY1IiBzdHJva2U9IiNmNWY1ZjUiIHN0cm9rZS13aWR0aD0iMS41MSIgZD0iTS01OTgtNTYxbDc0MiA2NSAyMzk0LTc4eiIvPjwvc3ZnPg==)}.fade-enter-active,.fade-leave-active{transition:opacity .15s}.fade-enter,.fade-leave-to{opacity:0}