#app{height:100%}*{margin:0;padding:0}.loginBody[data-v-2a5a84e3]{position:absolute;width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);font-family:Arial,sans-serif}.login-container[data-v-2a5a84e3]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.grid-overlay[data-v-2a5a84e3]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,150,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,150,255,.1) 1px,transparent 0);background-size:30px 30px;transform:perspective(500px) rotateX(60deg);opacity:.6;animation:grid-move-2a5a84e3 10s linear infinite}@keyframes grid-move-2a5a84e3{0%{background-position:0 0}to{background-position:30px 30px}}.particles[data-v-2a5a84e3]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.particles[data-v-2a5a84e3]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,200,255,.1) 0,transparent 20%),radial-gradient(circle at 80% 70%,rgba(0,150,255,.1) 0,transparent 20%);animation:pulse-2a5a84e3 8s infinite alternate}@keyframes pulse-2a5a84e3{0%{opacity:.5}to{opacity:1}}.login-box[data-v-2a5a84e3]{position:relative;z-index:10;width:420px;background:rgba(10,25,47,.85);border-radius:15px;padding:40px 30px;box-shadow:0 15px 35px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(64,158,255,.3);transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.login-box[data-v-2a5a84e3]:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.6);border:1px solid rgba(64,158,255,.5)}.login-header[data-v-2a5a84e3]{text-align:center;margin-bottom:30px}.login-title[data-v-2a5a84e3]{font-size:28px;font-weight:600;background:linear-gradient(90deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 10px 0;text-shadow:0 0 15px rgba(79,172,254,.4)}.login-subtitle[data-v-2a5a84e3]{color:#82a1c0;font-size:14px;margin:0}.input-wrapper[data-v-2a5a84e3]{position:relative;margin-bottom:25px;border:1px solid rgba(64,158,255,.3);border-radius:8px;transition:all .3s ease;background:rgba(0,20,40,.4)}.input-wrapper.focused[data-v-2a5a84e3]{border-color:#409eff;box-shadow:0 0 10px rgba(64,158,255,.5)}.input-icon[data-v-2a5a84e3]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#409eff;z-index:2}.login-input[data-v-2a5a84e3] .el-input__inner{width:100%;height:50px;padding-left:45px;background:transparent;border:none;color:#c0d3e8;font-size:15px;border-radius:8px}.login-input[data-v-2a5a84e3] .el-input__inner:focus{outline:none;border:none}.login-input[data-v-2a5a84e3] .el-input__inner::-moz-placeholder{color:#5d7a9c}.login-input[data-v-2a5a84e3] .el-input__inner::placeholder{color:#5d7a9c}.login-button[data-v-2a5a84e3]{width:100%;height:50px;background:linear-gradient(90deg,#4facfe,#00f2fe);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px rgba(0,120,255,.4)}.login-button[data-v-2a5a84e3]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,120,255,.6)}.login-button[data-v-2a5a84e3]:active{transform:translateY(0)}[data-v-2a5a84e3] .el-form-item{margin-bottom:20px}[data-v-2a5a84e3] .el-form-item__error{color:#ff4d4f;font-size:13px;padding-top:3px;padding-left:45px}@media (max-width:500px){.login-box[data-v-2a5a84e3]{width:90%;padding:30px 20px}}