.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}#start-button{position:fixed;top:20px;left:20px;z-index:1000;background:var(--gradient);color:white;border:none;padding:10px 20px;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);display:flex;align-items:center;gap:8px;backdrop-filter:blur(5px)}#start-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(92,22,197,0.4);background:linear-gradient(135deg,#a66bff 0%,#6d1de8 100%)}@media (max-width:767px){.login-container{max-width:100%;padding:30px 20px;margin:10px;border-radius:12px}h1{font-size:1.6rem;margin-bottom:25px}h1::after{width:60px;margin:12px auto}.login-form{gap:18px}.form-group{gap:6px}.form-group label{font-size:0.95rem}.form-group input{padding:12px 14px;font-size:1rem}.login-btn{padding:14px;font-size:1rem}#start-button{top:15px;left:15px;padding:10px 16px;font-size:0.9rem}}