.login-container{min-height:100vh;width:100%;background:radial-gradient(circle at center,#2d3a4b 0,#1c242f 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.login-container .login-box{width:450px;background:hsla(0,0%,100%,.04);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:50px 40px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.login-container .login-box .title-container{margin-bottom:40px;text-align:center}.login-container .login-box .title-container .title{font-size:28px;color:#fff;margin-bottom:10px;font-weight:600;letter-spacing:4px}.login-container .login-box .title-container .subtitle{font-size:12px;color:hsla(0,0%,100%,.4);letter-spacing:2px;font-family:Arial,sans-serif}.login-container .login-box .el-form-item{margin-bottom:25px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;transition:all .3s}.login-container .login-box .el-form-item.is-error,.login-container .login-box .el-form-item.is-success,.login-container .login-box .el-form-item:hover{background:hsla(0,0%,100%,.08)}.login-container .login-box .el-form-item.is-focus{border-color:#409eff;box-shadow:0 0 8px rgba(64,158,255,.2)}.login-container .login-box .el-form-item .el-input input{height:48px;background:transparent!important;border:none;color:#fff;padding-left:45px;font-size:15px}.login-container .login-box .el-form-item .el-input input::-moz-placeholder{color:hsla(0,0%,100%,.3)}.login-container .login-box .el-form-item .el-input input::placeholder{color:hsla(0,0%,100%,.3)}.login-container .login-box .el-form-item .el-input input:-webkit-autofill{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#fff!important}.login-container .login-box .el-form-item .el-input .el-input__prefix{left:15px}.login-container .login-box .el-form-item .el-input .el-input__prefix .el-input__icon{font-size:18px;color:hsla(0,0%,100%,.5);line-height:48px}.login-container .login-box .el-form-item .el-input .el-input__suffix{right:15px}.login-container .login-box .el-form-item .el-input .el-input__suffix .el-input__icon{font-size:16px;color:hsla(0,0%,100%,.5);line-height:48px}.login-container .login-box .submit-btn{width:100%;height:48px;margin-top:10px;background:linear-gradient(90deg,#409eff,#66b1ff);border:none;border-radius:8px;font-size:16px;font-weight:600;letter-spacing:2px;transition:all .3s}.login-container .login-box .submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(64,158,255,.4);filter:brightness(1.1)}.login-container .login-box .submit-btn:active{transform:translateY(0)}::v-deep .el-form-item__content{line-height:48px}::v-deep .el-form-item__error{padding-top:4px}