.login-container{min-height:100vh;background:var(--bg-color);background-image:linear-gradient(rgba(100,255,218,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(100,255,218,0.03) 1px,transparent 1px);background-size:50px 50px}.login-card{background:var(--card-bg);border:1px solid rgba(100,255,218,0.1);border-radius:10px;width:100%;max-width:450px;box-shadow:0 10px 30px -10px rgba(2,12,27,0.7)}.logo-img{width:80px;height:auto;filter:drop-shadow(0 0 10px rgba(100,255,218,0.3))}.login-tabs{background:var(--bg-color);border-radius:30px;padding:5px;display:inline-flex;border:1px solid rgba(255,255,255,0.05)}.tab-btn{background:transparent;border:none;color:var(--text-color);padding:8px 25px;border-radius:25px;font-size:0.9rem;transition:all 0.3s ease;font-weight:500}.tab-btn.active{background:var(--card-bg);color:var(--accent-color);border:1px solid var(--accent-color);box-shadow:0 0 15px rgba(100,255,218,0.1)}.form-control{background:var(--bg-color);border:1px solid rgba(136,146,176,0.2);color:var(--heading-color);border-radius:5px;padding:12px;transition:all 0.3s ease}.form-control:focus{background:var(--bg-color);border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);color:var(--heading-color)}.form-control::placeholder{color:rgba(136,146,176,0.5)}.btn-gradient{background:transparent;border:1px solid var(--secondary-accent);color:var(--secondary-accent);font-weight:600;border-radius:5px;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px}.btn-gradient:hover{background:rgba(255,215,0,0.1);color:var(--secondary-accent);box-shadow:0 0 20px rgba(255,215,0,0.3);transform:translateY(-2px)}.animate-shake{animation:shake 0.5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}