.stat-card text-align: center;
/* login button */ .login-btn width: 100%; background: linear-gradient(95deg, #3b82f6, #4f46e5); border: none; padding: 0.9rem; border-radius: 1.5rem; font-weight: 700; font-size: 1rem; color: white; font-family: 'Inter', sans-serif; display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; transition: transform 0.1s ease, box-shadow 0.2s; box-shadow: 0 8px 20px -8px #1e3a8a;
.checkbox-label display: flex; align-items: center; gap: 0.5rem; color: #b9c7dd; cursor: pointer; Quizaero Login
.input-group margin-bottom: 1.5rem; position: relative;
.signup-hint a color: #a5f3fc; text-decoration: none; font-weight: 600; .stat-card text-align: center
/* extras row */ .login-extras display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.8rem; font-size: 0.85rem;
/* demo signup hint */ .signup-hint text-align: center; margin-top: 1.8rem; color: #7e8aa8; font-size: 0.85rem; transition: transform 0.1s ease
footer font-size: 0.7rem; text-align: center; padding: 1rem; color: #4a5a7c; border-top: 1px solid rgba(71,85,105,0.3); </style> </head> <body> <div class="bg-orb orb-1"></div> <div class="bg-orb orb-2"></div>