Crackday.in Login Link

.signup-prompt a color: #c2d0ff; text-decoration: none; font-weight: 600; margin-left: 6px;

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

.brand-icon span:first-child font-size: 2.8rem; Crackday.in Login

.login-btn:hover transform: translateY(-2px); box-shadow: 0 10px 20px -5px rgba(76, 110, 245, 0.5); background: linear-gradient(95deg, #5c7cff, #8b4eff);

/* animated grain / noise texture */ body::before content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJmIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjUiIG51bU9jdGF2ZXM9IjMiLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWx0ZXI9InVybCgjZikiIG9wYWNpdHk9IjAuMDYiLz48L3N2Zz4='); background-repeat: repeat; opacity: 0.25; pointer-events: none; z-index: 0; .signup-prompt a color: #c2d0ff

.input-field::placeholder color: #5d688b; font-weight: 400;

.extra-options display: flex; justify-content: space-between; align-items: center; margin: 1rem 0 1.8rem; font-size: 0.8rem; access · insights · community&lt

// 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)";

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