.login-root{background:#04041a;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;position:fixed;inset:0}.login-bg-svg{object-fit:cover;width:100%;height:100%}.signal-waves-left circle{animation:3s ease-out infinite pulse-ring}.signal-waves-left circle:nth-child(2){animation-delay:.4s}.signal-waves-left circle:nth-child(3){animation-delay:.8s}.signal-waves-left circle:nth-child(4){animation-delay:1.2s}.signal-waves-right circle{animation:3.5s ease-out infinite pulse-ring}.signal-waves-right circle:nth-child(2){animation-delay:.5s}.signal-waves-right circle:nth-child(3){animation-delay:1s}.signal-waves-right circle:nth-child(4){animation-delay:1.5s}@keyframes pulse-ring{0%{opacity:.18;transform-origin:50%;transform:scale(.95)}50%{opacity:.3;transform:scale(1.02)}to{opacity:.18;transform:scale(.95)}}.scan-line{animation:8s linear infinite scan-move}.scan-line-2{animation:12s linear infinite scan-move-2}@keyframes scan-move{0%{opacity:0;transform:translateY(-350px)}10%{opacity:.15}90%{opacity:.15}to{opacity:0;transform:translateY(650px)}}@keyframes scan-move-2{0%{opacity:0;transform:translateY(400px)}10%{opacity:.1}90%{opacity:.1}to{opacity:0;transform:translateY(-500px)}}.login-particles{z-index:1;pointer-events:none;position:fixed;inset:0}.particle{border-radius:50%;animation:linear infinite float-particle;position:absolute}.particle-1{opacity:.5;background:#9b5cf6;width:3px;height:3px;animation-duration:14s;top:80%;left:5%}.particle-2{opacity:.4;background:#00bcd4;width:2px;height:2px;animation-duration:18s;top:90%;left:15%}.particle-3{opacity:.35;background:#7b2fe0;width:4px;height:4px;animation-duration:12s;top:75%;left:25%}.particle-4{opacity:.45;background:#4fc3f7;width:2px;height:2px;animation-duration:20s;top:85%;left:35%}.particle-5{opacity:.4;background:#d946ef;width:3px;height:3px;animation-duration:16s;top:70%;left:45%}.particle-6{opacity:.5;background:#9b5cf6;width:2px;height:2px;animation-duration:11s;top:90%;left:55%}.particle-7{opacity:.35;background:#00bcd4;width:4px;height:4px;animation-duration:15s;top:80%;left:65%}.particle-8{opacity:.4;background:#7b2fe0;width:2px;height:2px;animation-duration:22s;top:88%;left:72%}.particle-9{opacity:.45;background:#4fc3f7;width:3px;height:3px;animation-duration:13s;top:72%;left:80%}.particle-10{opacity:.5;background:#d946ef;width:2px;height:2px;animation-duration:17s;top:82%;left:88%}.particle-11{opacity:.3;background:#9b5cf6;width:3px;height:3px;animation-duration:19s;top:60%;left:10%}.particle-12{opacity:.4;background:#00bcd4;width:2px;height:2px;animation-duration:21s;top:65%;left:92%}@keyframes float-particle{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.5}90%{opacity:.4}to{opacity:0;transform:translateY(-100vh)translate(30px)}}.login-card-wrapper{z-index:10;width:100%;max-width:420px;padding:16px;animation:.8s cubic-bezier(.16,1,.3,1) forwards card-enter;position:relative}@keyframes card-enter{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card{-webkit-backdrop-filter:blur(28px);background:#0a0a1ee0;border-radius:24px;padding:40px 36px;position:relative;overflow:hidden}.login-card-border{-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#7b2fe0,#00bcd4,#d946ef,#9b5cf6) 0 0/300% 300%;border-radius:24px;padding:1.5px;animation:5s infinite border-glow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes border-glow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#9b5cf699,#00bcd499,#0000);height:1px;position:absolute;top:0;left:0;right:0}.login-card:after{content:"";pointer-events:none;background:radial-gradient(#7b2fe01f 0%,#0000 70%);width:300px;height:200px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.login-logo-wrap{justify-content:center;margin-bottom:28px;animation:1s cubic-bezier(.16,1,.3,1) .2s both logo-appear;display:flex}@keyframes logo-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-logo-img{filter:drop-shadow(0 0 20px #7b2fe080);transition:filter .3s}.login-logo-img:hover{filter:drop-shadow(0 0 30px #7b2fe0bf)}.login-divider{align-items:center;gap:12px;margin-bottom:16px;animation:.6s .4s both fade-in;display:flex}.login-divider-line{background:linear-gradient(90deg,#0000,#7b2fe059,#0000);flex:1;height:1px}.login-divider-text{letter-spacing:.1em;text-transform:uppercase;color:#64748b;white-space:nowrap;font-size:11px;font-weight:600}.login-subtitle{color:#94a3b8;text-align:center;margin-bottom:28px;font-size:13.5px;line-height:1.6;animation:.6s .5s both fade-in}.login-security-badge{color:#475569;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:11px;animation:.6s .7s both fade-in;display:flex}.login-security-badge svg{color:#7b2fe0;opacity:.7;flex-shrink:0}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}