@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-container{background-color:#000;background-image:radial-gradient(circle at 10% 10%,#3b82f61a 0%,#0000 40%),radial-gradient(circle at 90% 90%,#2563eb1a 0%,#0000 40%),linear-gradient(135deg,#000 0%,#050505 100%);background-position:0 0;background-repeat:repeat;background-size:200% 200%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;animation:15s infinite gradientFlow;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f608 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.login-card{-webkit-backdrop-filter:blur(30px);border-radius:var(--radius-xl);z-index:1;background:#0a0a0abf;border:1px solid #ffffff1a;width:100%;max-width:440px;padding:4rem 3rem;position:relative;box-shadow:0 20px 40px #0009,inset 0 0 0 1px #ffffff0d}.login-header{text-align:center;margin-bottom:3.5rem}.login-header .logo{letter-spacing:-.05em;color:#fff;text-transform:uppercase;margin-bottom:.5rem;font-size:2.2rem;font-weight:900}.login-header .logo span{color:var(--primary);filter:drop-shadow(0 0 15px var(--primary-glow))}.login-header p{color:#ffffff80;letter-spacing:.02em;font-size:.9rem;font-weight:500}.login-form{flex-direction:column;gap:1.75rem;display:flex}.form-group{flex-direction:column;gap:.6rem;display:flex}.form-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin-left:.2rem;font-size:.8rem;font-weight:600}.login-form .form-input{border-radius:var(--radius-md);color:#fff;background:#ffffff0a;border:1px solid #ffffff14;padding:1rem 1.25rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-form .form-input:focus{border-color:var(--primary);background:#ffffff12;outline:none;transform:scale(1.01);box-shadow:0 0 20px #3b82f626}.login-btn{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--primary)0%,#2563eb 100%);color:#fff;cursor:pointer;border:none;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s}.login-btn:hover:not(:disabled){box-shadow:0 10px 25px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#ef4444;border-radius:var(--radius-md);text-align:center;background:#ef44441a;border:1px solid #ef444433;margin-bottom:2rem;padding:1rem;font-size:.85rem;font-weight:600;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}