.login-container{background:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:200%;height:200%;animation:20s linear infinite gridMove;position:absolute;top:-50%;left:-50%;transform:perspective(500px)rotateX(60deg)translateY(-100px)translateZ(-200px)}@keyframes gridMove{0%{transform:perspective(500px)rotateX(60deg)translateY(0)translateZ(-200px)}to{transform:perspective(500px)rotateX(60deg)translateY(40px)translateZ(-200px)}}.login-box{text-align:center;background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);width:100%;max-width:420px;box-shadow:var(--panel-shadow);z-index:1;border-radius:6px;flex-direction:column;gap:24px;padding:40px;display:flex}.glow-effect{position:relative}.glow-effect:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-blue), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.login-logo{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;display:flex}.pulse-animation{animation:3s cubic-bezier(.4,0,.6,1) infinite logoPulse}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 10px #3b82f64d);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #3b82f699);transform:scale(1.05)}}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-box h1{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700}.login-box p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;transition:color .3s;position:absolute;left:16px}.input-group input{background:var(--bg-main);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:4px;outline:none;padding:16px 16px 16px 48px;font-size:15px;transition:all .3s}.input-group input:hover{background:var(--bg-panel);border-color:var(--text-muted)}.input-group input:focus{background:var(--bg-main);border-color:var(--accent-blue);box-shadow:0 0 0 4px #3b82f640}.input-group input:focus+.input-icon,.input-group input:not(:placeholder-shown)+.input-icon{color:var(--accent-blue)}.error-message{color:#ef4444;text-align:left;background:#ef44441a;border:1px solid #ef444433;border-radius:4px;align-items:center;gap:8px;margin-top:4px;padding:10px 12px;font-size:13px;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.login-btn{background:linear-gradient(135deg, var(--accent-blue), #2563eb);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;margin-top:12px;padding:16px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #2563eb4d}.login-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.login-btn:hover:not(:disabled):before{left:100%}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.9;cursor:not-allowed;animation:2s ease-in-out infinite breatheBtn;transform:none}@keyframes breatheBtn{0%,to{opacity:.85;box-shadow:0 4px 12px #2563eb66}50%{opacity:1;box-shadow:0 4px 25px #2563ebcc}}