Login Dinonaktifkan - Rayh/title> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet"> <style> body { font-family: 'Inter', sans-serif; background: linear-gradient(to right, #f2f2f2, #e6f0ff); margin: 0; padding: 0; display: flex; height: 100vh; align-items: center; justify-content: center; } .card { background: white; padding: 2rem; border-radius: 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); text-align: center; max-width: 400px; width: 90%; animation: fadeIn 1s ease-in-out; } .card img { width: 100px; margin-bottom: 1rem; } .card h1 { font-size: 1.4rem; margin-bottom: 0.5rem; color: #333; } .card p { font-size: 1rem; color: #555; margin-bottom: 1.2rem; } .countdown { font-weight: bold; color: #0077cc; } @keyframes fadeIn { from { opacity: 0; transform: scale(0.98); } to { opacity: 1; transform: scale(1); } } </style> </head> <body> <div class="card"> <img src="https://rayh.id/img.png" alt="Rayh Logo"> <h1>Login dengan Google Dinonaktifkan</h1> <p>Mohon maaf, saat ini login dengan Google sudah tidak tersedia.</p> <p>Silakan login menggunakan <strong>email dan password</strong> Anda.</p> <p>Anda akan diarahkan ke halaman login dalam <span class="countdown" id="countdown">5</span> detik...</p> </div> <script> let seconds = 5; const countdownEl = document.getElementById('countdown'); const interval = setInterval(() => { seconds--; countdownEl.textContent = seconds; if (seconds <= 0) { clearInterval(interval); window.location.href = "/login"; // Ganti ke URL login sebenarnya jika berbeda } }, 1000); </script> </body> </html>