.input-field width: 100%; background: rgba(20, 25, 45, 0.8); border: 1px solid #2a2f45; border-radius: 1.2rem; padding: 0.9rem 1.2rem; font-size: 1rem; color: #f0f3ff; transition: all 0.2s; outline: none;
.orb-2 width: 45vw; height: 45vw; background: #962b6b; bottom: -15vh; right: -15vw; opacity: 0.2; Crackday.in Login
.demo-cred margin-top: 1.4rem; background: rgba(44, 52, 84, 0.4); border-radius: 1rem; padding: 0.6rem 1rem; font-size: 0.7rem; text-align: center; color: #8892b0; border: 1px dashed #2f3a5c; .input-field width: 100%
// simple demo credential check function validateCredentials(username, password) border: 1px solid #2a2f45
<div class="demo-cred"> 🔐 demo mode — try <span>demo@crackday.in</span> / <span>crackit2026</span> </div> </form> </div>
.login-btn:active transform: translateY(1px);