[data-v-02401386]{margin:0;padding:0;box-sizing:border-box}.login-container[data-v-02401386]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fff;padding:20px;position:relative;overflow:hidden;font-family:Helvetica Neue,Arial,sans-serif}.background-decoration[data-v-02401386]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.circle[data-v-02401386]{position:absolute;border-radius:50%;background:rgba(102,126,234,.1);animation:float-02401386 6s ease-in-out infinite}.circle-1[data-v-02401386]{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.circle-2[data-v-02401386]{width:150px;height:150px;bottom:20%;right:15%;animation-delay:2s}.circle-3[data-v-02401386]{width:100px;height:100px;top:60%;left:20%;animation-delay:4s}@keyframes float-02401386{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}}.login-form[data-v-02401386]{padding:30px 40px;width:100%;max-width:420px;animation:slideUp-02401386 .6s ease-out;position:relative;z-index:10}@keyframes slideUp-02401386{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.logo-container[data-v-02401386]{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.logo[data-v-02401386]{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:12px;box-shadow:0 8px 25px rgba(102,126,234,.3)}.logo-container h1[data-v-02401386],.logo[data-v-02401386]{background:linear-gradient(135deg,#667eea,#764ba2);font-size:32px;font-weight:700}.logo-container h1[data-v-02401386]{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slogan[data-v-02401386]{text-align:center;color:#888;font-size:14px;margin-bottom:35px;font-weight:400}.login-btn[data-v-02401386]{width:100%;padding:12px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.login-btn[data-v-02401386]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.login-btn[data-v-02401386]:hover:before{left:100%}.login-btn.primary[data-v-02401386]{background:linear-gradient(135deg,#1989fa,#0074e0);color:#fff;box-shadow:0 6px 20px rgba(25,137,250,.3)}.login-btn.primary[data-v-02401386]:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(25,137,250,.4)}.login-btn.secondary[data-v-02401386]{background:linear-gradient(135deg,#07c160,#06b355);color:#fff;box-shadow:0 6px 20px rgba(7,193,96,.3)}.login-btn.secondary[data-v-02401386]:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(7,193,96,.4)}.login-btn.tertiary[data-v-02401386]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 20px rgba(102,126,234,.3)}.login-btn.tertiary[data-v-02401386]:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(102,126,234,.4)}.login-btn.active[data-v-02401386]{transform:translateY(2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.btn-icon[data-v-02401386]{font-size:18px}.divider[data-v-02401386]{text-align:center;margin:20px 0;position:relative}.divider[data-v-02401386]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ddd,transparent);z-index:0}.divider-text[data-v-02401386]{position:relative;z-index:1;padding:0 20px;color:#999;font-size:14px;font-weight:500}.other-login-link[data-v-02401386]{cursor:pointer;color:#667eea;transition:all .3s ease;text-decoration:underline}.other-login-link[data-v-02401386]:hover{color:#5a6fd8;transform:translateY(-2px)}.register-link[data-v-02401386]{text-align:center;margin-top:25px;font-size:14px;color:#666}.register-btn[data-v-02401386]{color:#667eea;font-weight:600;text-decoration:none;transition:all .3s ease;position:relative}.register-btn[data-v-02401386]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#667eea;transition:width .3s ease}.register-btn[data-v-02401386]:hover{color:#5a6fd8}.register-btn[data-v-02401386]:hover:after{width:100%}@media (max-width:480px){.login-form[data-v-02401386]{padding:35px 30px;margin:20px}.logo-container h1[data-v-02401386]{font-size:28px}.form-input[data-v-02401386]{font-size:15px}.login-btn[data-v-02401386]{padding:15px;font-size:15px}}