.tech-login-container{min-height:100vh;background:linear-gradient(135deg,#0a1628,#1b263b 50%,#0d1b2a);position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px}.tech-bg-animation{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.tech-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 0);background-size:50px 50px;-webkit-animation:gridMove 20s linear infinite;animation:gridMove 20s linear infinite}@-webkit-keyframes gridMove{0%{-webkit-transform:perspective(500px) rotateX(60deg) translateY(0);transform:perspective(500px) rotateX(60deg) translateY(0)}to{-webkit-transform:perspective(500px) rotateX(60deg) translateY(50px);transform:perspective(500px) rotateX(60deg) translateY(50px)}}@keyframes gridMove{0%{-webkit-transform:perspective(500px) rotateX(60deg) translateY(0);transform:perspective(500px) rotateX(60deg) translateY(0)}to{-webkit-transform:perspective(500px) rotateX(60deg) translateY(50px);transform:perspective(500px) rotateX(60deg) translateY(50px)}}.tech-particles{position:absolute;top:0;left:0;right:0;bottom:0}.tech-particles span{position:absolute;width:4px;height:4px;background:rgba(0,212,255,.6);border-radius:50%;-webkit-animation:particleFloat linear infinite;animation:particleFloat linear infinite;-webkit-box-shadow:0 0 10px rgba(0,212,255,.8);box-shadow:0 0 10px rgba(0,212,255,.8)}@-webkit-keyframes particleFloat{0%,to{opacity:0;-webkit-transform:translateY(100vh) scale(0);transform:translateY(100vh) scale(0)}10%{opacity:1;-webkit-transform:translateY(90vh) scale(1);transform:translateY(90vh) scale(1)}90%{opacity:1;-webkit-transform:translateY(10vh) scale(1);transform:translateY(10vh) scale(1)}to{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}}@keyframes particleFloat{0%,to{opacity:0;-webkit-transform:translateY(100vh) scale(0);transform:translateY(100vh) scale(0)}10%{opacity:1;-webkit-transform:translateY(90vh) scale(1);transform:translateY(90vh) scale(1)}90%{opacity:1;-webkit-transform:translateY(10vh) scale(1);transform:translateY(10vh) scale(1)}to{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}}.tech-login-wrapper{position:relative;z-index:10;width:100%;max-width:420px}.tech-login-brand{position:relative;width:120px;height:120px;margin:0 auto -60px;z-index:20}.tech-login-brand .brand-glow{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:140px;height:140px;background:radial-gradient(circle,rgba(0,212,255,.3) 0,transparent 70%);border-radius:50%;-webkit-animation:glowPulse 3s ease-in-out infinite;animation:glowPulse 3s ease-in-out infinite}.tech-login-brand img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:50%;border:3px solid rgba(0,212,255,.5);-webkit-box-shadow:0 0 30px rgba(0,212,255,.4);box-shadow:0 0 30px rgba(0,212,255,.4);background:rgba(10,22,40,.9);padding:10px;position:relative;z-index:1}@-webkit-keyframes glowPulse{0%,to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:.5}50%{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:.8}}@keyframes glowPulse{0%,to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:.5}50%{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.tech-login-box{background:rgba(16,30,60,.6);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.3);border-radius:16px;padding:80px 40px 40px;position:relative;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(0,212,255,.1),inset 0 1px 0 hsla(0,0%,100%,.1);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(0,212,255,.1),inset 0 1px 0 hsla(0,0%,100%,.1)}.tech-corner{position:absolute;width:30px;height:30px;border:2px solid #00d4ff}.tech-corner.top-left{top:-1px;left:-1px;border-right:none;border-bottom:none;border-top-left-radius:16px}.tech-corner.top-right{top:-1px;right:-1px;border-left:none;border-bottom:none;border-top-right-radius:16px}.tech-corner.bottom-left{bottom:-1px;left:-1px;border-right:none;border-top:none;border-bottom-left-radius:16px}.tech-corner.bottom-right{bottom:-1px;right:-1px;border-left:none;border-top:none;border-bottom-right-radius:16px}.tech-login-header{text-align:center;margin-bottom:30px}.tech-title{color:#00d4ff;font-size:26px;font-weight:700;margin:0 0 10px;text-shadow:0 0 20px rgba(0,212,255,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:15px}.tech-title .title-icon{font-size:20px;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.8)}.tech-subtitle{color:hsla(0,0%,100%,.4);font-size:12px;letter-spacing:3px;margin:0;text-transform:uppercase}.tech-form .tech-input-group{margin-bottom:25px}.tech-form .tech-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:hsla(0,0%,100%,.8);font-size:14px;margin-bottom:8px;font-weight:500}.tech-form .tech-label .label-icon{margin-right:5px}.tech-form .tech-label .forgot-link{color:#00d4ff;font-size:12px;text-decoration:none;-webkit-transition:all .3s;transition:all .3s}.tech-form .tech-label .forgot-link:hover{text-shadow:0 0 10px rgba(0,212,255,.5)}::v-deep .tech-input .el-input__inner{background:rgba(0,0,0,.3);border:1px solid rgba(0,212,255,.3);border-radius:8px;color:#fff;height:48px;padding-left:45px;font-size:15px;-webkit-transition:all .3s;transition:all .3s}::v-deep .tech-input .el-input__inner::-webkit-input-placeholder{color:hsla(0,0%,100%,.3)}::v-deep .tech-input .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.3)}::v-deep .tech-input .el-input__inner:-ms-input-placeholder{color:hsla(0,0%,100%,.3)}::v-deep .tech-input .el-input__inner::-ms-input-placeholder{color:hsla(0,0%,100%,.3)}::v-deep .tech-input .el-input__inner::placeholder{color:hsla(0,0%,100%,.3)}::v-deep .tech-input .el-input__inner:focus{border-color:#00d4ff;-webkit-box-shadow:0 0 15px rgba(0,212,255,.3);box-shadow:0 0 15px rgba(0,212,255,.3);background:rgba(0,0,0,.4)}::v-deep .tech-input .el-input__prefix{left:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}::v-deep .tech-input .tech-input-icon{color:#00d4ff;font-size:18px}.tech-login-btn{width:100%;height:50px;margin-top:10px;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;position:relative;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 4px 20px rgba(0,212,255,.4);box-shadow:0 4px 20px rgba(0,212,255,.4)}.tech-login-btn .btn-text{position:relative;z-index:1}.tech-login-btn .btn-glow{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;height:0;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);border-radius:50%;-webkit-transition:all .5s;transition:all .5s}.tech-login-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 30px rgba(0,212,255,.6);box-shadow:0 8px 30px rgba(0,212,255,.6)}.tech-login-btn:hover .btn-glow{width:300px;height:300px}.tech-login-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.tech-register-link{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid rgba(0,212,255,.2)}.tech-register-link .link-text{color:hsla(0,0%,100%,.5);font-size:14px}.tech-register-link .tech-link{color:#00d4ff;text-decoration:none;font-weight:600;margin-left:8px;-webkit-transition:all .3s;transition:all .3s}.tech-register-link .tech-link:hover{text-shadow:0 0 10px rgba(0,212,255,.5)}.tech-copyright{position:fixed;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;z-index:10}.tech-copyright .copyright-text{color:hsla(0,0%,100%,.4);font-size:13px;display:block;margin-bottom:10px}.tech-copyright .tech-line{width:200px;height:1px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#00d4ff),to(transparent));background:linear-gradient(90deg,transparent,#00d4ff,transparent);margin:0 auto}@media screen and (max-width:480px){.tech-login-box{padding:70px 25px 35px;margin:0 10px}.tech-title{font-size:22px}.tech-login-brand{width:100px;height:100px;margin-bottom:-50px}}