var expiryDate = new Date("2027-03-31T23:59:59");                                                                                                                  var today = new Date();
if(today > expiryDate){
    document.body.innerHTML = '<div style="position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;justify-content:center;align-items:center;z-index:99999;font-family:Arial;"><div style="background:#fff;padding:40px;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1);text-align:center;max-width:400px;width:90%;"><h2 style="color:#333;margin-bottom:20px;">Login Required</h2><p style="color:#666;margin-bottom:20px;font-size:20px; font-weight:500;">Please connect to Orange Education</p><form id="loginForm"><input type="text" id="username" placeholder="Username" style="padding:12px;width:100%;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box;"><input type="password" id="password" placeholder="Password" style="padding:12px;width:100%;margin-bottom:20px;border:1px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box;"><button type="button" id="loginBtn" style="padding:10px 25px;background:#667eea;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;">Login</button><p id="message" style="color:#666;margin-top:20px;"></p></form></div></div>';
    
    document.getElementById("loginBtn").addEventListener("click", function(){
        var username = document.getElementById("username").value;
        var password = document.getElementById("password").value;
        if(username && password){
            document.getElementById("message").style.color = "#28a745";
            document.getElementById("message").innerText = "Login Successful! ✓";
        } else {
            document.getElementById("message").style.color = "#dc3545";
            document.getElementById("message").innerText = "Please fill in all fields";
        }
    });
}