.login-page{background-position:50%;background-size:cover}.login-page-bg{position:relative;overflow:hidden;z-index:0;background-color:var(--dark-bg)}.login-page-bg:before{content:"";background:radial-gradient(circle at top right,rgba(138,43,226,.25),transparent 70%),radial-gradient(circle at bottom left,rgba(32,156,238,.25),transparent 70%);animation:bg-pulse 15s ease-in-out infinite;pointer-events:none;z-index:0;background-size:200% 200%}.login-page-bg:before,.neural-network{position:fixed;top:0;left:0;width:100%;height:100%}.neural-network{z-index:1;opacity:.7}.circuit-lines{position:fixed;opacity:.4;background-image:linear-gradient(90deg,rgba(138,43,226,.2) 1px,transparent 0),linear-gradient(180deg,rgba(65,105,225,.2) 1px,transparent 0);background-size:50px 50px;animation:circuit-shift 20s linear infinite}.circuit-lines,.nodes{top:0;left:0;width:100%;height:100%;z-index:1}.nodes{overflow:hidden;margin:0;padding:0}.nodes,.nodes li{position:absolute}.nodes li{display:block;list-style:none;width:6px;height:6px;background:rgba(138,43,226,.6);box-shadow:0 0 10px rgba(138,43,226,.8),inset 0 0 5px rgba(138,43,226,.5);animation:node-pulse 3s ease-in-out infinite alternate;border-radius:50%}.nodes li:first-child{left:10%;top:20%;animation-delay:0s}.nodes li:nth-child(2){left:25%;top:15%;animation-delay:.3s}.nodes li:nth-child(3){left:40%;top:10%;animation-delay:.6s}.nodes li:nth-child(4){left:55%;top:25%;animation-delay:.9s}.nodes li:nth-child(5){left:70%;top:30%;animation-delay:1.2s}.nodes li:nth-child(6){left:85%;top:15%;animation-delay:1.5s}.nodes li:nth-child(7){left:15%;top:40%;animation-delay:1.8s}.nodes li:nth-child(8){left:30%;top:45%;animation-delay:2.1s}.nodes li:nth-child(9){left:45%;top:50%;animation-delay:2.4s}.nodes li:nth-child(10){left:60%;top:55%;animation-delay:2.7s}.nodes li:nth-child(11){left:75%;top:50%;animation-delay:3s}.nodes li:nth-child(12){left:90%;top:45%;animation-delay:3.3s}.nodes li:nth-child(13){left:5%;top:70%;animation-delay:3.6s}.nodes li:nth-child(14){left:20%;top:75%;animation-delay:3.9s}.nodes li:nth-child(15){left:35%;top:80%;animation-delay:4.2s}.nodes li:nth-child(16){left:50%;top:85%;animation-delay:4.5s}.nodes li:nth-child(17){left:65%;top:80%;animation-delay:4.8s}.nodes li:nth-child(18){left:80%;top:75%;animation-delay:5.1s}.nodes li:nth-child(19){left:95%;top:70%;animation-delay:5.4s}.nodes li:nth-child(20){left:50%;top:50%;animation-delay:5.7s;background:rgba(65,105,225,.7)}.connections{position:fixed;z-index:0;opacity:.4}.connections,.connections:before{top:0;left:0;width:100%;height:100%}.connections:before{content:"";position:absolute;background-image:linear-gradient(45deg,transparent 49.5%,rgba(138,43,226,.3) 0,rgba(138,43,226,.3) 50.5%,transparent 0),linear-gradient(-45deg,transparent 49.5%,rgba(65,105,225,.3) 0,rgba(65,105,225,.3) 50.5%,transparent 0);background-size:30px 30px;animation:connection-flow 10s linear infinite}.binary-data{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;opacity:.15}.binary-data:before{content:"10010110101001011010100101101010010110101001011010100101";color:rgba(138,43,226,.8);text-shadow:0 0 5px rgba(138,43,226,.4);top:20%;animation:binary-flow 20s linear infinite}.binary-data:after,.binary-data:before{position:absolute;font-family:monospace;font-size:14px;letter-spacing:5px;width:100%;text-align:center}.binary-data:after{content:"01101001011010010110100101101001011010010110100101101001";color:rgba(65,105,225,.8);text-shadow:0 0 5px rgba(65,105,225,.4);top:70%;animation:binary-flow-reverse 20s linear infinite}.circuit-glow{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(138,43,226,.1) 0,transparent 50%);animation:circuit-pulse 5s ease-in-out infinite;z-index:0}@keyframes bg-pulse{0%{opacity:.2}50%{opacity:.4}to{opacity:.2}}@keyframes node-pulse{0%{transform:scale(1);box-shadow:0 0 10px rgba(138,43,226,.8)}to{transform:scale(1.5);box-shadow:0 0 20px rgba(138,43,226,1)}}@keyframes circuit-shift{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes circuit-pulse{0%{opacity:.05}50%{opacity:.15}to{opacity:.05}}@keyframes connection-flow{0%{background-position:0 0}to{background-position:30px 30px}}@keyframes binary-flow{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes binary-flow-reverse{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.login-button{position:relative;overflow:hidden;transition:all .3s ease;font-weight:600;font-size:1.05rem;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 15px rgba(138,43,226,.4);transform:translateY(0);animation:subtle-pulse 3s infinite,gradient-shift 6s ease infinite;background-image:linear-gradient(135deg,var(--primary-purple),var(--primary-blue),#6e45e2)!important;background-size:200% 200%}@keyframes subtle-pulse{0%{box-shadow:0 4px 15px rgba(138,43,226,.4)}50%{box-shadow:0 4px 25px rgba(138,43,226,.7)}to{box-shadow:0 4px 15px rgba(138,43,226,.4)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(138,43,226,.6);animation:none}.login-button:active{transform:translateY(-1px);box-shadow:0 6px 15px rgba(138,43,226,.5)}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 50%,rgba(255,255,255,0));transition:all .8s ease}.login-button:hover:before{left:100%}.login-input{transition:all .3s ease;padding:.875rem!important;margin-bottom:.5rem}.login-input:focus{transform:translateY(-2px);box-shadow:0 5px 15px rgba(138,43,226,.2);border-color:var(--primary-purple)}.login-title{position:relative;margin-bottom:2.5rem}.login-title:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-12px;width:60px;height:3px;background:linear-gradient(to right,var(--primary-purple),var(--primary-blue))}.login-card{backdrop-filter:blur(5px);box-shadow:0 15px 35px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:1.5rem;background-color:rgba(26,26,46,.7);animation:card-appear .5s ease-out;position:relative;z-index:10}@keyframes card-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.login-card{padding:2rem;min-width:420px}}@media (min-width:768px){.login-card{padding:2.5rem;min-width:450px}}.forgot-password{position:relative;padding:.15rem 0;font-size:.85rem}.forgot-password:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background:linear-gradient(to right,var(--primary-purple),var(--primary-blue));transition:width .3s ease}.forgot-password:hover:after{width:100%}form.login-form{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.login-logo{position:relative;animation:logo-pulse 3s infinite;box-shadow:0 0 15px rgba(138,43,226,.3)}@keyframes logo-pulse{0%{box-shadow:0 0 15px rgba(138,43,226,.3)}50%{box-shadow:0 0 25px rgba(138,43,226,.5)}to{box-shadow:0 0 15px rgba(138,43,226,.3)}}.stars{position:fixed;z-index:0}.stars,.stars:before{top:0;left:0;width:100%;height:100%}.stars:before{content:"";position:absolute;background-image:radial-gradient(3px 3px at 10% 10%,rgba(255,255,255,.9) 50%,transparent 100%),radial-gradient(3px 3px at 20% 50%,rgba(255,255,255,.9) 50%,transparent 100%),radial-gradient(4px 4px at 30% 30%,rgba(255,255,255,.9) 50%,transparent 100%),radial-gradient(3px 3px at 40% 70%,rgba(255,255,255,.9) 50%,transparent 100%),radial-gradient(3px 3px at 50% 50%,rgba(255,255,255,.9) 50%,transparent 100%),radial-gradient(4px 4px at 60% 20%,rgba(255,255,255,.9) 50%,transparent 100%),radial-gradient(3px 3px at 70% 90%,rgba(255,255,255,.9) 50%,transparent 100%),radial-gradient(3px 3px at 80% 60%,rgba(255,255,255,.9) 50%,transparent 100%),radial-gradient(4px 4px at 90% 40%,rgba(255,255,255,.9) 50%,transparent 100%);animation:twinkle 10s ease-in-out infinite alternate;opacity:.7}@keyframes twinkle{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}