Quizaero - Login

.login-header padding: 2rem 2rem 0.5rem 2rem; text-align: center;

.input-field:focus + .input-icon color: #60a5fa;

.logo-text font-size: 1.9rem; font-weight: 700; background: linear-gradient(135deg, #F0F9FF, #A5F3FC); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: -0.5px; Quizaero Login

.error-message background: rgba(220, 38, 38, 0.15); border-left: 4px solid #ef4444; padding: 0.75rem 1rem; border-radius: 1rem; margin-bottom: 1.5rem; font-size: 0.8rem; color: #fecaca; display: flex; align-items: center; gap: 8px;

.checkbox-label display: flex; align-items: center; gap: 0.5rem; color: #b9c7dd; cursor: pointer; .login-header padding: 2rem 2rem 0.5rem 2rem

.stat-label font-size: 0.7rem; text-transform: uppercase; color: #94a3b8; letter-spacing: 0.5px;

.tagline color: #94a3b8; font-size: 0.9rem; margin-top: 0.25rem; font-weight: 500; .input-field:focus + .input-icon color: #60a5fa

@keyframes fadeScale from opacity: 0; transform: scale(0.96); to opacity: 1; transform: scale(1);