.login-container{position:relative;z-index:10;width:100%;max-width:400px;padding:40px;background:rgba(26,26,26,0.8);border-radius:15px;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,0.3);border:1px solid rgba(145,71,255,0.3);transform:translateY(20px);opacity:0;animation:fadeInUp 0.8s forwards 0.3s}h1{text-align:center;margin-bottom:30px;font-size:2rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}h1::after{content:'';display:block;width:80px;height:3px;background:var(--gradient);margin:15px auto;border-radius:2px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--light-color)}.form-group input{padding:12px 15px;background:rgba(40,40,40,0.8);border:1px solid rgba(145,71,255,0.2);border-radius:8px;color:var(--light-color);font-size:1rem;transition:all 0.3s ease;padding-right:40px}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(145,71,255,0.2)}.login-btn{padding:12px;background:var(--gradient);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(92,22,197,0.3);margin-top:10px}.login-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(92,22,197,0.4);background:linear-gradient(135deg,#a66bff 0%,#6d1de8 100%)}.error-message{color:#ff4444;text-align:center;margin-top:10px;display:none}