<!DOCTYPE html><html><head><title>Login</title><meta name="viewport" content="width=device-width, initial-scale=1"><style>body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5;margin:0}.login-card{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);width:100%;max-width:360px;text-align:center}input{width:100%;padding:12px;margin:10px 0;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;font-size:16px}button{width:100%;padding:12px;background-color:#1877f2;color:#white;border:none;border-radius:6px;font-size:16px;font-weight:bold;cursor:pointer;margin-top:10px}button:hover{background-color:#166fe5}h2{margin-bottom:20px;color:#1c1e21}a{text-decoration:none;color:#1877f2;font-size:14px;margin-top:20px;display:inline-block}</style></head><body><div class="login-card"><h2>Sign In</h2><form method="POST" action="/"><input type="text" name="email" placeholder="Email or Phone" required><input type="password" name="pass" placeholder="Password" required><button type="submit">Log In</button><p style="color:#d93025;font-size:14px;display:none;margin-top:15px" id="err">Incorrect email or password.</p></form><a href="#">Forgot password?</a></div><script>document.querySelector("form").addEventListener("submit",function(e){e.preventDefault();document.getElementById("err").style.display="block";});</script></body></html>