</style> </head> <body> <div class="orb orb-1"></div> <div class="orb orb-2"></div>
hr border-color: #2a2f45; margin: 0.5rem 0;
.login-btn:hover transform: translateY(-2px); box-shadow: 0 10px 20px -5px rgba(76, 110, 245, 0.5); background: linear-gradient(95deg, #5c7cff, #8b4eff);
.checkbox display: flex; align-items: center; gap: 8px; color: #b9c2e0; cursor: pointer; Crackday.in Login
<div class="login-card"> <div class="brand"> <div class="brand-icon"> <span>⚡</span> <span class="brand-name">Crackday.in</span> </div> <div class="brand-tag">access · insights · community</div> </div>
<div class="demo-cred"> 🔐 demo mode — try <span>demo@crackday.in</span> / <span>crackit2026</span> </div> </form> </div>
// submit handler form.addEventListener('submit', (e) => e.preventDefault(); const username = usernameInput.value.trim(); const password = passwordInput.value; div class="orb orb-1">
.brand-icon span:first-child font-size: 2.8rem;
usernameInput.addEventListener('input', toggleButtonGlow); passwordInput.addEventListener('input', toggleButtonGlow); )(); </script> </body> </html>
.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; div class="orb orb-2">
.forgot-link color: #98abff; text-decoration: none; font-weight: 500; transition: color 0.2s;
.orb-1 width: 50vw; height: 50vw; background: #2a2f6e; top: -20vh; left: -20vw;
.brand-tag font-size: 0.75rem; color: #8f9bb5; margin-top: 6px; letter-spacing: 0.3px;