Quizaero Login May 2026

body font-family: 'Inter', sans-serif; background: linear-gradient(135deg, #0B1120 0%, #111827 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 1.5rem; position: relative;

/* password toggle */ .password-toggle position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); background: transparent; border: none; color: #7c8db0; cursor: pointer; font-size: 1rem; padding: 0; display: flex; align-items: center; transition: color 0.2s; Quizaero Login

.login-header padding: 2rem 2rem 0.5rem 2rem; text-align: center; body font-family: 'Inter'

<!-- Login Panel --> <div id="loginPanel" class="login-container"> <div class="login-header"> <div class="logo-area"> <div class="logo-icon"> <i class="fas fa-rocket"></i> </div> <span class="logo-text">Quizaero</span> </div> <div class="tagline">next‑gen quiz mastery · secure access</div> </div> transition: color 0.2s

.quiz-stats display: flex; justify-content: space-around; background: #0f172a80; padding: 1rem; border-radius: 1.5rem; margin: 1.5rem 0; gap: 1rem;

.orb-1 width: 40vw; height: 40vw; background: #3b82f6; top: -10%; left: -10%;