    <!DOCTYPE html>
    <html>
    <head>
        <title>Password Reset - Teyzee Visas</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
            body { font-family: Arial, sans-serif; max-width: 500px; margin: 50px auto; padding: 20px; }
            .form-group { margin-bottom: 15px; }
            label { display: block; margin-bottom: 5px; font-weight: bold; }
            input[type="email"] { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; }
            button { background: #667eea; color: white; padding: 12px 20px; border: none; border-radius: 5px; cursor: pointer; width: 100%; }
            button:hover { background: #5a6fd8; }
            .message { padding: 15px; margin: 15px 0; border-radius: 5px; }
            .success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
            .error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
            .back-link { text-align: center; margin-top: 20px; }
            .back-link a { color: #667eea; text-decoration: none; }
        </style>
    </head>
    <body>
        <h1>Reset Password</h1>
        
        <div id="message"></div>
        
        <form id="resetForm">
            <div class="form-group">
                <label for="email">Email Address:</label>
                <input type="email" id="email" name="email" required>
            </div>
            
            <input type="hidden" name="csrf_token" value="2412ca73b0c750d0aff6ee376b2c2105fd244db970faee54b9a00a60d4552d16">
            
            <button type="submit">Send Reset Instructions</button>
        </form>
        
        <div class="back-link">
            <a href="/login.php">← Back to Login</a>
        </div>
        
        <script>
        document.getElementById('resetForm').addEventListener('submit', function(e) {
            e.preventDefault();
            
            const formData = new FormData(this);
            const messageDiv = document.getElementById('message');
            
            fetch(window.location.href, {
                method: 'POST',
                body: formData
            })
            .then(response => response.json())
            .then(data => {
                messageDiv.className = 'message ' + (data.status === 'success' ? 'success' : 'error');
                messageDiv.textContent = data.message;
                
                if (data.status === 'success') {
                    document.getElementById('resetForm').style.display = 'none';
                }
            })
            .catch(error => {
                messageDiv.className = 'message error';
                messageDiv.textContent = 'An error occurred. Please try again.';
            });
        });
        </script>
    </body>
    </html>
    