Crackday.in Login ⚡ Ultra HD

.orb-1 width: 50vw; height: 50vw; background: #2a2f6e; top: -20vh; left: -20vw;

.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;

if (validateCredentials(username, password)) handleLoginSuccess(); else showMessage("⛔ Incorrect credentials. Try demo@crackday.in / crackit2026"); // shake effect on card const card = document.querySelector('.login-card'); card.style.transform = 'translateX(4px)'; setTimeout(() => card.style.transform = ''; , 100); setTimeout(() => if(card) card.style.transform = ''; , 200); );

// small UX: if both fields are filled, enable subtle glow on button (optional) function toggleButtonGlow() if (usernameInput.value.trim() !== "" && passwordInput.value !== "") loginBtn.style.boxShadow = "0 0 8px #7c3aed80"; else loginBtn.style.boxShadow = "0 5px 12px rgba(76, 110, 245, 0.25)"; Crackday.in Login

// simple demo credential check function validateCredentials(username, password) const demoUser = "demo@crackday.in"; const demoPass = "crackit2026"; const altUser = "crackmaster"; const altPass = "crackit2026"; return (username === demoUser && password === demoPass)

.demo-cred span font-family: monospace; background: #0b0f1c; padding: 2px 6px; border-radius: 20px; margin: 0 2px; color: #bbcfff;

.orb-2 width: 45vw; height: 45vw; background: #962b6b; bottom: -15vh; right: -15vw; opacity: 0.2; .orb-1 width: 50vw

.login-btn:active transform: translateY(1px);

.forgot-link color: #98abff; text-decoration: none; font-weight: 500; transition: color 0.2s;

// forgot password interaction forgotBtn.addEventListener('click', (e) => e.preventDefault(); showMessage("📧 Password reset link sent to your registered email (demo only)"); ); .demo-cred margin-top: 1.4rem

.input-field:focus border-color: #5f7ef2; box-shadow: 0 0 0 3px rgba(95, 126, 242, 0.2); background: rgba(18, 22, 42, 0.95);

.brand-name font-size: 1.9rem; font-weight: 700; background: linear-gradient(120deg, #ffffff, #a0b0ff); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: -0.3px;