.loginContainer{color:#fff;background:radial-gradient(circle,#0a0a1a 0%,#020205 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.loginContainer:before{content:"";z-index:0;background:linear-gradient(45deg,#0000 48%,#00f2ff0d 50%,#0000 52%) 0 0/100px 100px;width:200%;height:200%;animation:20s linear infinite gridMove;position:absolute}@keyframes gridMove{0%{transform:translate(-25%,-25%)}to{transform:translate(0)}}.loginCard{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23b3;border:1px solid #00f2ff33;border-radius:20px;width:100%;max-width:450px;padding:40px;animation:.8s ease-out cardFadeIn;position:relative;box-shadow:0 0 50px #00f2ff1a}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logoArea{text-align:center;margin-bottom:30px}.logoArea h1{background:linear-gradient(90deg,#00f2ff,#006aff);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:800}.logoArea p{color:#fff9;font-size:.9rem}.formGroup{margin-bottom:20px}.formGroup label{color:#fffc;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.85rem;display:block}.inputWrapper{position:relative}.inputWrapper input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:12px 15px;font-size:1rem;transition:all .3s}.inputWrapper input:focus{background:#ffffff14;border-color:#00f2ff;outline:none;box-shadow:0 0 15px #00f2ff33}.submitBtn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#00f2ff,#006aff);border:none;border-radius:10px;width:100%;margin-top:10px;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.submitBtn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00f2ff66}.submitBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.errorMsg{color:#ff3b30;text-align:center;background:#ff3b301a;border:1px solid #ff3b304d;border-radius:8px;margin-bottom:20px;padding:12px;font-size:.85rem}.footerLinks{text-align:center;color:#ffffff80;margin-top:25px;font-size:.85rem}.footerLinks a{color:#00f2ff;margin-left:5px;font-weight:600;text-decoration:none}.footerLinks a:hover{text-decoration:underline}
