.login-container{max-width:500px;margin:60px auto;padding:0 20px;text-align:center}.login-card{background:#1a1a2e;border:2px solid #6a0dad;border-radius:10px;padding:28px;box-shadow:0 0 15px #6a0dad,0 0 25px #6a0dad}.auth-logo{margin:10px auto 25px;display:flex;justify-content:center}.auth-logo img{width:100px;height:auto;filter:drop-shadow(0 0 12px #6a0dad);opacity:.95;transition:.25s ease}.auth-logo img:hover{opacity:1;filter:drop-shadow(0 0 18px #a455ff)}.telegram-info{margin-bottom:24px;color:#d4d4d4;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem}.telegram-link{color:#1abc9c;text-decoration:none}.telegram-link:hover{text-shadow:0 0 8px #1abc9c}.form-group{margin-bottom:18px;text-align:left}.form-group label{display:flex;align-items:center;gap:8px;color:#a8a6d6;margin-bottom:6px;font-weight:600}.form-input{width:100%;padding:12px;background:#0f1023;border:2px solid #6a0dad;border-radius:10px;color:#d4d4d4;font-family:var(--font);font-size:1rem}.form-input:focus{outline:0;box-shadow:0 0 12px #6a0dad,0 0 20px #6a0dad}.form-button{width:100%;padding:14px;background:#1a1a2e;border:2px solid #6a0dad;border-radius:10px;color:#d4d4d4;font-weight:700;font-family:var(--font);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.form-button:hover:not(:disabled){background:#6a0dad;color:#0d0d1a;box-shadow:0 0 20px #6a0dad}.form-button:disabled{opacity:.6;cursor:not-allowed}.otp-status{margin-top:12px;font-size:.9rem;min-height:1.2em}.register-link{margin-top:20px;color:#d4d4d4;font-size:.95rem}.register-link a{color:#1abc9c;text-decoration:none}.register-link a:hover{text-shadow:0 0 8px #1abc9c}.title-neon{font-size:2.2rem;font-weight:800;text-transform:uppercase;color:#6a0dad;text-shadow:0 0 5px #6a0dad,0 0 10px #6a0dad,0 0 20px #6a0dad,0 0 30px #6a0dad;margin-bottom:32px;position:relative;letter-spacing:2px;font-family:var(--font)}.title-neon::before{content:'Login';position:absolute;top:0;left:0;width:100%;color:#1abc9c;opacity:.7;clip-path:inset(0 0 0 0);animation:scanline 3s linear infinite;text-shadow:0 0 8px #1abc9c}.title-neon::after{content:'|';position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:#1abc9c;font-weight:700;animation:blink-cursor .7s steps(1) infinite;opacity:.8}@keyframes scanline{0%,100%{clip-path:inset(0 0 0 0)}50%{clip-path:inset(0 0 0 0)}50.1%{clip-path:inset(100% 0 0 0)}100%{clip-path:inset(0 0 0 0)}}@keyframes blink-cursor{50%{opacity:0}}@media (min-width:769px){.title-neon:hover{text-shadow:0 0 8px #6a0dad,0 0 15px #6a0dad,0 0 25px #6a0dad,0 0 40px #6a0dad;transition:text-shadow .3s ease}}.error-box{color:#ff6b6b;background:rgba(255,107,107,.1);padding:10px 14px;border-radius:6px;margin-top:12px;text-align:center;border:1px solid rgba(255,107,107,.3);font-size:.9rem}.error-box i{margin-right:6px}