.login-container[data-v-e5c49c31]{height:100vh;display:flex;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden}.login-wrapper[data-v-e5c49c31]{width:1000px;height:600px;margin:auto;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;overflow:hidden;animation:slideUp-e5c49c31 .8s cubic-bezier(.4,0,.2,1)}.decorative-section[data-v-e5c49c31]{flex:1;background:linear-gradient(45deg,#6366f1,#8b5cf6);position:relative;padding:40px;color:#fff}.branding[data-v-e5c49c31]{position:relative;z-index:2}.logo-text[data-v-e5c49c31]{font-size:2.5rem;margin-bottom:1rem;letter-spacing:2px}.slogan[data-v-e5c49c31]{opacity:.9;font-weight:300}.animated-bg[data-v-e5c49c31]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.1) 50%);background-size:50px 50px;animation:move-e5c49c31 20s linear infinite;opacity:.2}.form-section[data-v-e5c49c31]{flex:1;display:flex;align-items:center;padding:0 60px}.form-wrapper[data-v-e5c49c31]{width:100%}.form-title[data-v-e5c49c31]{margin-bottom:40px;font-size:1.8rem;color:#1f2937}.form-options[data-v-e5c49c31]{display:flex;justify-content:space-between;margin:20px 0}.login-btn[data-v-e5c49c31]{width:100%;height:45px;font-size:1rem;transition:all .3s}.login-btn[data-v-e5c49c31]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6366f14d}.third-party-login[data-v-e5c49c31]{margin-top:40px}.divider[data-v-e5c49c31]{position:relative;text-align:center;margin:25px 0}.divider[data-v-e5c49c31]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.divider-text[data-v-e5c49c31]{position:relative;background:#fff;padding:0 15px;color:#6b7280;font-size:.9rem}.oauth-buttons[data-v-e5c49c31]{display:flex;justify-content:center;gap:15px}.oauth-buttons .el-button[data-v-e5c49c31]{width:40px;height:40px;font-size:18px}.oauth-buttons .el-button[data-v-e5c49c31]:hover{transform:translateY(-2px)}@keyframes slideUp-e5c49c31{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes move-e5c49c31{0%{background-position:0 0}to{background-position:500px 500px}}@media (max-width: 768px){.login-wrapper[data-v-e5c49c31]{width:90%!important;height:auto!important;flex-direction:column}.decorative-section[data-v-e5c49c31]{padding:30px!important;text-align:center}.logo-text[data-v-e5c49c31]{font-size:2rem!important}.form-section[data-v-e5c49c31]{padding:30px!important}}