#login[data-v-d3b7e474]{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#login[data-v-d3b7e474]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) .0625rem,transparent 0);background-size:3.125rem 3.125rem;animation:moveGrid-d3b7e474 20s linear infinite}@keyframes moveGrid-d3b7e474{0%{transform:translate(0)}to{transform:translate(3.125rem,3.125rem)}}.login_container[data-v-d3b7e474]{position:relative;z-index:1}.login_box[data-v-d3b7e474]{width:25rem;background:hsla(0,0%,100%,.95);border-radius:1.25rem;padding:3.125rem 2.5rem;box-shadow:0 1.25rem 3.75rem rgba(0,0,0,.3);backdrop-filter:blur(.625rem);animation:slideUp-d3b7e474 .6s ease-out}@keyframes slideUp-d3b7e474{0%{opacity:0;transform:translateY(1.875rem)}to{opacity:1;transform:translateY(0)}}.login_header[data-v-d3b7e474]{text-align:center;margin-bottom:2.5rem}.logo[data-v-d3b7e474]{width:5rem;height:5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 .625rem 1.875rem rgba(102,126,234,.4)}.logo i[data-v-d3b7e474]{font-size:2.5rem;color:#fff}.title[data-v-d3b7e474]{font-size:1.75rem;color:#333;font-weight:600;margin:0 0 .625rem 0}.subtitle[data-v-d3b7e474]{font-size:.875rem;color:#999;margin:0}.login_form[data-v-d3b7e474]{display:flex;flex-direction:column;gap:1.25rem}.input_group[data-v-d3b7e474]{position:relative;display:flex;align-items:center}.input_icon[data-v-d3b7e474]{position:absolute;left:.9375rem;font-size:1.125rem;color:#999;z-index:1}.password_toggle[data-v-d3b7e474]{position:absolute;right:.9375rem;font-size:1.125rem;color:#999;cursor:pointer;z-index:1}.password_toggle[data-v-d3b7e474]:hover{color:#667eea}.password_hidden[data-v-d3b7e474]:after{content:"";position:absolute;width:1.5rem;height:.125rem;background:#999;transform:rotate(-45deg);top:50%;left:50%;margin-left:-.75rem;margin-top:-.0625rem;border-radius:.0625rem}.password_hidden[data-v-d3b7e474]:hover:after{background:#667eea}.login_input[data-v-d3b7e474]{width:100%;height:3.125rem;border:.125rem solid #e8e8e8;border-radius:.75rem;padding:0 .9375rem 0 2.8125rem;font-size:.875rem;color:#333;background:#fff;transition:all .3s ease;outline:none}.login_input[data-v-d3b7e474]::placeholder{color:#bbb}.login_input[data-v-d3b7e474]:hover{border-color:silver}.login_input[data-v-d3b7e474]:focus{border-color:#667eea;box-shadow:0 0 0 .1875rem rgba(102,126,234,.1)}.login_btn[data-v-d3b7e474]{width:100%;height:3.125rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.625rem;transition:all .3s ease;box-shadow:0 .25rem .9375rem rgba(102,126,234,.4)}.login_btn[data-v-d3b7e474]:hover{transform:translateY(-.125rem);box-shadow:0 .5rem 1.5625rem rgba(102,126,234,.5)}.login_btn[data-v-d3b7e474]:active{transform:translateY(0)}.login_btn i[data-v-d3b7e474]{transition:transform .3s ease}.login_btn:hover i[data-v-d3b7e474]{transform:translateX(.25rem)}@media (max-width:480px){.login_box[data-v-d3b7e474]{width:90%;padding:2.5rem 1.875rem}}